DL,DT,DD,比傳統table更語義,解析更快的table列表方式

來源:互聯網
上載者:User

使用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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.