时间:2021-05-08
这里我们分两种情况列出:
①当标题前的图标是很长的一绺而不是单独的一个点或者类似图标时,在定义背景图background要定义在<ul>里。因为很长,所以放在<li>的外边<ul>里
②当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里
A
复制代码代码如下:
<style>
.test1 { width:100px; height:265px; background:url(http://www.86image.cn/statics/images/show/li.jpg) no-repeat scroll 0 8px; }
.test1 li {padding-left:30px; line-height:27px; list-style-type:none;}
</style>
<ul class="test1">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
<li>ten</li>
</ul>
如图示:
B
复制代码代码如下:
<style>
.test1 li { padding-left:15px; background:url("http:www.86image.cn/statics/images/tpl1/images/icon_fk.gif" ) no-repeat scroll 1px 8px; line-height:22px; list-style-type:none;}
</style>
<ul class="test1">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
如图示:
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
复制代码代码如下:无标题文档重置li1li2li3li4li5li6li7设置ul1的偶索引子元素的背景颜色|设置ul1的奇索引子元素的背景颜色|设置ul1的头
网页设计制作,CSS实现隔行换色两种方法:第一种方法:以下为引用的内容:UL.myul1LI{background-color:expression(this.
在平时写页面的过程中,常遇到要把小图标与文字对齐的情况。比如:总结了两种方法,代码量都比较少。第一种 对img设置竖直方向对齐为middle,XML/HT
今天遇到的问题整理:1.ul中的li浮动时,无论给外层div的class写背景,还是给ul写背景,都是没有效果的。这是因为li浮动时撑不起外层的高度。给li或者
第一种方法,需要对包含li的ul增加一些样式(需要一些Hack),并且同时对外层的div设置text-align:center属性。以上两项必须同时设置,否则不