1.首先需要新建一个06.html。2.定义一个html5标准声明。3.输入html网页的结构。4.添加一个ul列表后添加style标签,把列表设为没有格式。5运行网页查看效果
实现这个效果我给你2种方法!
第一
用dl
dt
dd
结构
<dl>
<dt>前面的小图标</dt>
<dd>文字</dd>
</dl>
在写样式控制
第二
给li里面的文字(a标签)定义背景
这个
应该很实用!
结构
<ul
class="style">
<li><a
href="#">
wenzi
</a></li>
</ul>
样式
.style
li
a
{background:url(前面小图片的路径)
no-repeat
3px
3px(定义小图片的位置,可以自己调试);padding-left:10px(要是小图片后面的文字离图片近了可以这样定义);