主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
纯CSS制作的新闻网站中的文章列表
2014-10-07
网页编程网
网页编程网
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS新闻列表制作youkud.com</title> <style type="text/css"> .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; } .list li span{ float: right;/*使span元素浮动到右面*/ text-align: right;/*日期右对齐*/ } .list li a:hover{ color: #336699; } </style> </head> <body> <ul class=list> <li><span>2014年12月21日</span><a href="#">新闻标题01</a></li> <li><span>2014年12月21日</span><a href="#">新闻标题02</a></li> <li><span>2014年12月21日</span><a href="#">新闻标题03</a></li> <li><span>2014年12月21日</span><a href="#">新闻标题04</a></li> </ul> 注意:span一定要放在前面,反之会产生换行 </body></html>
阅读原文
阅读
3777
123
显示电脑版