CSS實例教程:用ul li做圓角表格

2024-07-11 08:22:35

字體：大中小

來源：轉載

供稿：網友

這兩天和表格糾結上了...工作需要做表格，但是不想重復相同的方法，前兩天用dl dt dd，今天用ul li做個圓角表格，圓角用了背景圖片。再次聲明：數據輸出型的表格不推薦使用div+css。測試瀏覽器：ie6/ie7/ie8/ff3.0/opera 9.6

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title> new document </title><meta name="generator" content="editplus"><meta name="author" content=""><meta name="keywords" content=""><meta name="description" content=""><style type="text/css"></style></head><body><div id="table"><ul><li class="title"><span>網頁設計--中國網頁設計,網頁制作第一站</span></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li><a class="left" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li><li class="bottom"><a class="left b_l" href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a class="right" href=""></a></li></ul></div></body></html>
[ctrl+a 全部選擇提示：你可先修改部分代碼，再按運行]

上一篇：CSS代碼:控制IE滾動條

下一篇：CSS教程:dl dt dd模擬表格實例