<meta charset="utf-8" />
<ul id="nav">
<li><a href="####">首页</a></li>
<li><a href="####">关于我们</a></li>
<li><a href="####">发展理念</a></li>
</ul>
<style>
#nav{
width: 200px
}
#nav a{
display: block/*设置成块级元素让链接成为一个可点击方块而不是仅仅文字可点*/
border-top: 3px solid blue/*顶部设置蓝色边线，你愿意的话也可以用图片背景做点更复杂的小花样，比如波浪线*/
background: #eee
line-height: 30px
text-align: center
}
/*a:hover里面设置边框、字体、背景颜色鼠标悬停的状态*/
#nav a:hover{
border-color: red
color: green
font-size: 16px
}
ul, ol, li {
list-style:none outside none
}
a{
text-decoration: none
font-size: 14px
}
</style> <meta charset="utf-8" />
<ul id="nav">
<li><a href="####">首页</a></li>
<li><a href="####">关于我们</a></li>
<li><a href="####">发展理念</a></li>
</ul>
<style>
#nav{
width: 200px
}
#nav a{
display: block/*设置成块级元素让链接成为一个可点击方块而不是仅仅文字可点*/
border-top: 3px solid blue/*顶部设置蓝色边线，你愿意的话也可以用图片背景做点更复杂的小花样，比如波浪线*/
background: #eee
line-height: 30px
text-align: center
}
/*a:hover里面设置边框、字体、背景颜色鼠标悬停的状态*/
#nav a:hover{
border-color: red
color: green
font-size: 16px
}
ul, ol, li {
list-style:none outside none
}
a{
text-decoration: none
font-size: 14px
}
</style>
css设置滚动条的颜色
div{
scrollbar-face-color:#fcfcfc
scrollbar-highlight-color:#6c6c90
scrollbar-shadow-color:#fcfcfc
scrollbar-3dlight-color:#fcfcfc
scrollbar-arrow-color:#240024
scrollbar-track-color:#fcfcfc
scrollbar-darkshadow-color:#48486c
scrollbar-base-color:#fcfcfc
}
滚动条样式主要涉及到如下CSS属性:
overflow属性:检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow:auto在需要时内容会自动添加滚动条
overflow:scroll总是显示滚动条
overflow-x:hidden禁止横向的滚动条
overflow-y:scroll总是显示纵向滚动条
width:568pxwidth:98%设置区域的宽度[像素/百分比等等]
height:120px设置区域的高度[像素/百分比等等]
方法如下：1：text-line-through-color：设置删除线的颜色。
2：text-overline： text-overline-color: 设置上划线的颜色
3：text-underline：text-underline-color:设置下划线的颜色
