当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | * {
margin : 0 ;
border : 0 ;
padding : 0 ;
font-size : 13pt ;
}
#nav {
height : 40px ;
border-top : #060 2px solid ;
margin-top : 100px ;
border-bottom : #060 2px solid ;
background-color : #690 ;
}
#nav ul {
list-style : none ;
line-height : 40px ;
margin-left : 50px ;
}
#nav li {
display : block ;
float : left ;
}
#nav a {
display : block ;
color : #fff ;
text-decoration : none ;
padding : 0 20px ;
}
#nav a:hover {
background-color : #060 ;
}
|
相关视频教程推荐:css视频教程
以上就是css如何实现ul和li横向排列的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css怎么给表格设置边框
css该如何隐藏文本框
css如何设置透明
css3如何实现阴影效果
炫酷的 css 边框动画,快来收藏吧!
css margin-left属性怎么用
利用css动画属性rotate来实现镜像翻转
css怎么让div垂直居中
css怎么设置下边框
一步步教你使用css制作一个简单美观的导航栏(代码详解)
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何实现ul和li横向排列