网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

文章列表样式css,文章列表样式代码

简述 css列表样式属性及取值情况

ulli/li/ul有序

新乡网站建设公司创新互联建站,新乡网站设计制作,有大型网站制作公司丰富经验。已为新乡上千提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的新乡做网站的公司定做!

ullo/lo/ul无序

属性:list-style

list-style-type:设置列表项标志的类型(none就是前面没有小圆点)

list-style-image:将图象设置为列表项标志。

list-style-position:设置列表中列表项标志的位置  

css选择器 列表样式

举一个简单的ul,li的列表例子,实现如下效果:

常规写法(使用last-child选择器):

写法2(使用not选择器):

写法2(使用+选择器):

相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。

请教图中的文章列表和日期 用div css的写法?

style

.item{font-size:12px;width:260px;}

.item:after{height:0;content:'';display:block;visibility:hidden;clear:both;}

.list-item{background:url(小列表图片地址) left center no-repeat;padding-left:25px;height:24px;line-height:24px;color:#6d7174;width:180px;}

.list-date{float:right;height:24px;line-height:24px;color:#ba333a;}

/style

div class="item"

div class="list-item"白宫发表声明称 奥巴马总统将/div

div class="list-date"04-17/div

/div

div class="item"

div class="list-item"[多图]如果你能站上去 - WAVEp/div

div class="list-date"04-17/div

/div

效果如图所示:

如果觉得间隔有些大,可以减少item的宽度为255,注意list-item中的url为列表小图片相对于此文件的地址。


网站名称:文章列表样式css,文章列表样式代码
文章路径:http://bjjierui.cn/article/hoejdi.html

其他资讯