阶段小练习 css伪类导航
之前学过
html一次书写多个li
ul>li{小木鱼网络$}*10 按tab键 就能输出多个li
延伸下知识点
nav>div{网站导航 $}*10 按table
输出如下
<nav>
<div>网站导航1</div>
<div>网站导航2</div>
<div>网站导航3</div>
<div>网站导航4</div>
<div>网站导航5</div>
<div>网站导航6</div>
<div>网站导航7</div>
<div>网站导航8</div>
<div>网站导航9</div>
<div>网站导航10</div>
</nav>
哈尔滨网站设计给导航以下样式
nav{width: 1000px; height: 40px; background: black; color: aliceblue;
margin: 100px auto;}
nav div{width: 100px;height: 40px;float: left;line-height: 40px;font-size: 14px; text-align: center;}
nav div:hover{color: #00FFFF;font-size: 16px;}