使用dl,dt,dd替代傳統的table布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>-dl dt dd表格</title><style>dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; }dl{ margin:0 auto; width:50%; border:1px solid #f8b3d0; border-bottom:none; }dt{ font-weight:800; background:#ff99cc; color:#fff; }dt,dd{ line-height:30px; padding:0 0 0 10px; border-bottom:1px solid #f8b3d0; height:30px; overflow:hidden }dd{ text-indent:3em; }.fff{ background:#fff }dt span,dd span{ display:block; float:right; font-size:14px; border-left:1px solid #f8b3d0; text-indent:0em; width:80px; text-align:center; }</style></head><body><dl class=hb><dt><span></span><span>更新時間</span>熱門IT資源下載</dt><dd class=fff><span>——</span><span>11.2</span>Delphi發郵件（SendDLL.dll）應用例子</dd><dd><span>——</span><span>11.3</span>EasyCrm 客戶資源管理系統 v2011 2.0</dd><dd class=fff><span>——</span><span>11.4</span>愛考.NET線上考試系統</dd><dd><span>——</span><span>11.5</span>藍色漂亮的管理員登入頁模板</dd><dd class=fff><span>——</span><span>11.6</span>如此簡潔美觀的管理登入模板頁</dd><dd><span>——</span><span>11.13</span>Delphi 學校學生資訊查詢系統</dd><dd class=fff><span>——</span><span>11.30</span>Delphi圖片管理，Access原始碼版</dd></dl></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
