1、先写结构
a.如果列表没有时间 结构为:<li><a>新闻内容</a></li>
b.如果列表有时间 结构为:<li><a>新闻内容</a><span>时间</span></li>
2、给li添加高度
3、若列表有时间,给a标签,span标签添加浮动
4、调整文本样式(大小,颜色等)
5、以背景图的形式添加列表符号
6、调整列表符号的位置,为li设置行高使文本上下居中
7、添加padding属性将文字的位置调整好,露出列表符号。
如对本文有疑问, 点击进行留言回复!!
CSS实现loading小动画
CSS3 - 文本超出隐藏显示省略号(单行 / 多行)
css counter计数器与content总结
前端学习笔记(6)之css盒模型的细节知识点汇总
前端学习笔记(4)之css背景属性合集
PC端页面适配到移动端的问题(自动缩放PC端页面)
新版知乎x-zse-86加密破解分析
Flex 使用场景(二)
css3实现边框圆角内凹效果
【css】利用line-height实现垂直居中
网友评论