dl dt dd 用法小例

Jan 28, 2005 Author: | Filed under: Uncategorized

见到几个不常见的写法，研究下…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /* Key style rules */ dl, dl * { margin: 0; } dt { display: run-in; } dt::after { content: "AA"; } /* the line-breaks */ dd { display: block; } /* Your own style rules */ dl { font-family: Verdana; font-size: small; display: block; width: 400px; } dt { border-bottom: 1px dotted #000; } dd { background-color: lightgrey; outline: 1px solid darkgrey; padding: 10px 50px 10px 10px; } </style> </head> <body> <dl> <dt>CSS</dt> <dd>A styling language by the W3C to facilitate semantic markup.</dd> <dt>XSL</dt> <dd>An alternative styling language based on XML by the W3C.</dd> <dt>SVG</dt> <dd>A markup language for describing vector graphics by the W3C.</dd> </dl> </body> </html> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]