菜单制作:ul li横向排列
2024-08-28 18:55:13
CSS菜单制作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>菜单</title>
<style type="text/css">
.ui {
width: 1200px;
height: 100px;
list-style: none;
margin: 0;
padding: 0;
} .ui li {
width: 200px;
margin: 0 10px;
float: left; /*该处换为display:inline-block;同样效果*/ } .ui li a {
width: 70px;
height: 50px;
padding: 0 20px;
font-size: 12px;
line-height: 50px;
border: solid 1px;
{#background: red;#}
display: inline-block;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body>
<ul class="ui">
<li><a href="#">首页</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
<li><a href="#">服务大厅</a></li>
<li><a href="#">需求大厅</a></li>
</ul>
</body>
</html>
菜单制作CSS
最新文章
- ip扫描
- java中调用xml的方法:DocumentBuilderFactory
- Properties 转换成Map
- Python之路【第十一篇】:CSS --暂无内容-待更新
- JavaScript的数据类型转换
- 【LeetCode练习题】Recover Binary Search Tree
- Java反射及依赖注入简单模拟
- 交换右ctrl和capslock
- CLR类型设计之类型之常量和字段
- 天梯赛 L3-013 非常弹的球 找规律
- python 下划线--完美解释
- 流式处理新秀Flink原理与实践
- YII2框架下使用PHPExcel导出柱状图
- 【原】无脑操作:IDEA使用时,提示";8080端口被占用";的解决
- SQL 简介
- 进程控制(Note for apue and csapp)
- Appium1.9.1 之 Desired Capabilities 释疑
- Weblogic12C 集群实现session同步
- Valid Number 验证数字
- hdu2199(高精度二分模版)
热门文章
- atcoder Keyence Programming Contest 2020 题解
- JavaSE学习笔记(4)---抽象类和接口
- redis 4.x及以上的未授权访问
- equals 为什么要把常量写在前面?
- IDEA 解决Number objects are compared using &#39;==&#39;, not &#39;equals()&#39; 警告
- ubuntu python 安装使用虚拟环境 virtualenv
- sql已经在视图展示的语句如何显示别的表中的内容而不改变原有的值
- vue 查看dist文件里的结构
- CTF中压缩文件的常见解法
- HDU 4544 湫湫系列故事——消灭兔子 (优先队列)