2，在test.html文件中，使用div标签创建一行文字，下面将在css文件中定义div的样式。
3，在test.html文件中，给div设置class属性，例如，设置为mydiv。
4，新建一个css文件，命名为test.css，用于编写div的样式。
5，在test.css文件中，给类名为mydiv的div设置css样式，使用font-size定义div文字的大小为20px，使用color定义div的文字的颜色为红色。
6，在test.html文件中，通过link标签引入外部的css文件，实现给页面中的div设置css样式 。
7，在浏览器打开test.html文件，就可以了。
HTML代码如下
<div id="div1" class="weilei"><ul>
<li>首页</li>
<li>css文章</li>
<li>样式hack技术</li>
</ul>
</div>
css代码如下
.weilei {width: 600pxheight: 45pxtext-align: center}.weilei ul li{display: block float: leftwidth:100px height:45px line-height: 45px }
.weilei ul li:hover{color: #000border: 1px solid #8192D6cursor:pointer}
效果如下（没有加图标）
↓
