Cadre de navigation:
<head>
<title>wangzhang</title>
<link type="text/css" rel="stylesheet" href="jp.css">
</head>
<body>
<ul class="nav" >
<li class="logo">LOGO</li>
<li class="xuanzhong">网站首页</li>
<li>关于我们</li>
<li>新闻中心</li>
<li>产品展示</li>
<li>客户案例</li>
<li>项目合作</li>
<li>给我留言</li>
<li>人才招聘</li>
<li>联系我们</li>
</ul>
</body>
Modification du contenu de l'étiquette et de la valeur d'attribut en Css:
corps{
margin:0 atuo;
padding:0;
}
.ne sont pas{
margin:0 auto;
width:1240px;
height:133px;
}
.nav li {
float:left;
list-style: none;
width:107px;
height:100%;
line-height:133px ;
text-align:center;
font-size: 18px;
}
.nav .logo
width:363px;
height:100%;
color:blue;
font-size:64px;
font-family:microsoft yahei;
}
.nav .xuanzhong {
background-color: blue;
font-size: #ffffff;
}
résultat:
Remarque:
Body {} modifie généralement la valeur par défaut du navigateur
Valeur d'attribut. Nav {} définit le contenu de la valeur d'attribut
L'étiquette dans la valeur d'attribut. Nav li {} définit le contenu de l'étiquette
La valeur d'attribut dans l'attribut value.nav.logo {} et .nav.xuanzhong {} définit le contenu de la valeur d'attribut du logo