list-style-type、完全导航样式、text-transform、text-decoration、完全样式的横向导航栏

list-style-type
可以清除列表最前面的无序/有序标识;

ul{
list-style-type:none;
margin:0;
padding:0;
}


完全导航样式

ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}


text-transform:uppercase;


去掉字段修饰的样式,如链接的下划线等;

text-decoration:none;


完全样式的横向导航栏

li{
/text-align: center;/
/display: block;/
/width: 120px;/
float: left;
padding: 0px;
margin: 0px;
text-align: center;
}

a{
display: block;
width: 120px;
background-color: orange;
text-decoration: none;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容