创建一个HTML页面，其内容为一个无序列表，列表中至少包含了5本畅销书，每本书之前的项目符号必须采用概述封面的缩略图。这些信息可以冲Web上获取。要求采用CSS方法进行布局。

HTML：

复制代码代码如下:

Linux畅销书

鸟哥的Linux私房菜基础篇
鸟哥的Linux私房菜服务器篇
Linux命令行与shell脚本编程大全
Linux运维之道
Linux/Unix系统编程手册

book.css:

复制代码代码如下:

.diffentcolor{color:green;}

#differcolor{color:green}

body, td, div, .p, a {

font-family: arial,sans-serif;

}

h1,h2{

font-family:sans-serif;

color:gray;

}

.author{

by:svitter;

}

h1{

border-bottom:1px solid black;

border-bottom:1px;

solid black;

}

div#container{width:500p}

div#menu {width:150px;float:left;}

div#content {float:left;}

li#book1{

list-style-image:url(pic/popularBook.jpg);

}

li#book2{

list-style-image:url(pic/popularBook2.jpg);

}

li#book3{

list-style-image:url(pic/popularBook3.jpg);

}

li#book4{

list-style-image:url(pic/popularBook4.jpg);

}

li#book5{

list-style-image:url(pic/popularBook5.jpg);

}

web无序列表去掉点_HTML 无序列表项目符号使用图片的CSS写法相关推荐

web无序列表去掉点_html无序列表怎么写？无序列表怎么去掉点？
在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...
web无序列表去掉点_无序列表ul标记的type属性值可以为-智慧树Web前端开发技术（山东联盟）章节答案...
Web前端开发技术(山东联盟):无序列表ul标记的type属性值可以为[多选题] A:square B:circle C:disc D:line Web前端开发技术(山东联盟)章节测试答案: squa ...
web无序列表去掉点_HTML怎样消除无序列表列表前的黑点请指教
展开全部通过给li标签copy添加代码"list-style:none"实现. 实例演示bai如下: 1.设计html页面du,页面上有一些LI的标签zhi,代码如dao下: 2 ...
web无序列表去掉点_无序列表排序之方法
利用jQuery对无序列表排序的原理是:获取到无序列表中的所有列表项,并转成数组形式,使用JavaScript函数对其进行排序后再次输出.其中使用到的jQuery函数有ready().get().te ...
html三角形无序列表样式,Keynote创建项目符号列表或编号列表
文本框会添加到幻灯片上. 选择要格式为列表的文本,然后从中选取一个选项. 2.选定了文本框后,在"格式"检查器的"文本"面板中,从"项目符号与列表& ...
如何设置列表的项目符号（li的点）与文字之间的距离
今天在上课过程中遇到了一个小问题,如何调整li的点与文字之间的距离,一般情况下,个人会去掉li自带的项目符号,单独做一个圆点,但今天特殊情况,没有做,所以就"逼迫"我去找到了一个属 ...
web无序列表去掉点_web前端入门到实战：css如何玩转有序无序列表项list样式
在无序列表ul>li中,无线列表的标志是出现在各列表前面的圆点.在有序列表ol>li中,前面默认带有数字,如何修改列表前面的项目符号,只需要通过list-style调整就好,常见的符号有( ...
html怎么去掉无序列表符号,html无序列表怎么写？无序列表怎么去掉点？（图文）...
在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...
CSS列表（有序，无序，去掉无序列表的点，列表一行显示）
CSS列表有序列表无序列表无序列表去掉点成行显示有序列表有序列表顾名思义就是会对列表排序例如这样↓ 1.第一句 2.第二句 3.第三句 <ol><li>第一句&l ...

web无序列表去掉点_HTML 无序列表项目符号使用图片的CSS写法

Linux畅销书

web无序列表去掉点_HTML 无序列表项目符号使用图片的CSS写法相关推荐

最新文章

热门文章