css 样式的应用举例
来源:百度知道 编辑:UC知道 时间:2024/09/12 22:44:21
最好是有比较明显解释其作用的例子,别忘记有代码更好
比如做一个导航条
首先搭建基本机构:
<div id="menu">
<ul>
<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>
<li><a href="#">留言</a></li>
<li><a href="#">地图</a></li>
</ul>
</div>
这时候看到的一个纵列文字前带圆点的列表
然后用css进行美化:
#menu {
background-color: #6282ac;
height: 35px;
width: 570px;
position: relative;
}
定义菜单的宽,高,颜色及定位方式。
#menu ul {
list-style-type: none;
}
去掉文字下划线。
#menu li {
float: left;
display: block;