【示例】
-
HTML
<h1>站点文章列表摘要</h1> <dl> <dt><a href="#" title="?">JavaScript程序的优化</a></dt> <dd>文章发布时间:2018-4-17</dd> <dt><a href="#" title="?">深入解析JavaScript中eval</a></dt> <dd>文章发布时间:2018-4-17</dd> <dt><a href="#" title="?">:实现SQLite高并发的问题</a></dt> <dd>文章发布时间:2018-4-17</dd> </dl>
-
CSS
h1 { font-size: 14px; color: #333; } a { color: #069; } dl { border: dashed 1px #666; font-size: 14px; padding: 4px; background: #FDFBDB; width:500px; } dt { clear: left; float: left; padding: 4px 0; } dd { text-align: right; padding: 4px 0; font-size: 12px; color: #666; }/*此处text-aligh为重要属性*/