html无序列表项符号使用CSS编写图片

有这样的要求,内容是无序列表,因此列表符号必须使用缩略图。在本文中,我们使用CSS方法来布局布局,你可以参考它。




创建一个HTML页面。它的内容是无序列表。该列表包含至少5的畅销书。每一本书前的项目符号必须用封面的轮廓来描述。这些信息可以在网络上获得。CSS方法是布局所必需的。

HTML:

复制代码代码如下所示:








Linux的畅销书





Linux私人厨房的基础知识
Linux私有服务器文章的兄弟
linux命令行和shell脚本编程百科全书
linux操作与维护的方法
unix系统编程手册





Book.css:

复制代码代码如下所示:
颜色:绿色。diffentcolor {;}
# differcolor {颜色:绿}
主体,TD,div,p,{
Arial,无衬线字体;
}
H1,H2 {
字体族:无衬线字体;
颜色:灰色;
}
作者{。
按:svitter;
}
h1 {
底部边框:1px solid黑;
底部边框:1px;
黑色固体;
}
# div容器宽度:500p } {
DIV #菜单{宽度:150px;浮动:左;}
DIV #内容{浮动:左;}
李# 1 {
列表样式图像:URL(PIC / popularbook .jpg);
}
李# 2 {
列表样式图像:URL(PIC / popularbook2 .jpg);
}
李# 3 {
列表样式图像:URL(PIC / popularbook3 .jpg);
}
李#书{
列表样式图像:URL(PIC / popularbook4 .jpg);
}
李#阐述{
列表样式图像:URL(PIC / popularbook5 .jpg);
}