HTML 標籤 dl 排版技巧

HTML 標籤 <dl> <dt> <dd> 排版技巧

<font size=5><pre><br />可製作出縮排的效果，﹤dl>、﹤dt>、﹤dd> 標籤的層級不同。<br /><br />﹤dl><br /> ﹤dt> 標籤為第二層 ﹤/dt><br /> ﹤dd> 標籤為第三層 ﹤/dd><br /> ﹤dt> 標籤為第二層 ﹤/dt><br /> ﹤dd> 標籤為第三層 ﹤/dd><br />﹤/dl><br /></pre> <fieldset><legend>得出</legend><dl> <dt>標籤為第二層</dt> <dd>標籤為第三層</dd> <dt>標籤為第二層</dt> <dd>標籤為第三層</dd></dl></fieldset>

00

<font size=5><pre>﹤dl><br />　﹤dt>選擇一 ﹤/dt><br />　﹤dd>1111111111 ...﹤/dd><br />　﹤dt>選擇二 ﹤/dt><br />　﹤dd>2222222222 ...﹤/dd><br />﹤/dl><br /></pre> <fieldset><legend>得出</legend> <dl> <dt>選擇一</dt> <dd>1111111111 ...</dd>　 <dt>選擇二</dt> <dd>2222222222 ...</dd></dl></fieldset>

00

<fieldset><legend>得出</legend><dl> <dt>AAAAAAAA:</dt> <dd>A1</dd> <dd>A2</dd> <dt>BBBBBBB:</dt> <dd>B1</dd> <dd>B2</dd></dl><style>dl { border: 3px double #ccc ; padding: 0.5em; } dt { float: left ; clear: left; width: 100px ; text-align: right; font-weight: bold ; color: green; } dd { margin: 0 0 0 110px ; padding: 0 0 0.5em 0; } </style></fieldset>

00

#html dl #html 排版技巧