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;
}

你可能感兴趣的:(list-style-type、完全导航样式、text-transform、text-decoration、完全样式的横向导航栏)