麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

用UL實現非Table四行三列布局_網站重構教程

2024-04-29 21:00:47
字體：大 中 小
來源：轉載
供稿：網友

　　先看看效果：

　　按此在新窗口瀏覽圖片

　　下面是源代碼：

<html>
<head>
<title>test</title>
<style type="text/css">
ul{
margin:0px;
padding:0px;
width:200px;
}
ul li{
float:left;
list-style-type:none;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
width:65px;
}
.border-r{
border-right:#000 solid 1px;
}
.border-b{
border-bottom:#000 solid 1px;
}
.border-l{
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
}
</style>
</head>
<body>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li class="border-r">&nbsp;</li>
</ul>
<ul>
<li class="border-b">&nbsp;</li>
<li class="border-b">&nbsp;</li>
<li class="border-l">&nbsp;</li>
</ul>
</body>
</html>

　　將上面的代碼保存成html格式的網頁文檔就能看到效果了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 福利四区| 小雪奶水翁胀公吸小说最新章节 | 羞羞视频免费网站男男 | 1024亚洲天堂 | 99精品视频免费看 | 免费国产一区二区视频 | 久久久久久中文字幕 | 国产一级片91| 天天干干 | 黄色片网站免费 | 午夜精品视频免费观看 | 免费一及片 | 色七七亚洲| 午夜小视频免费观看 | 羞羞视频免费网站日本动漫 | 国产99一区二区 | 精品一区二区三区欧美 | 日本欧美一区二区三区在线观看 | 国产亚洲精品成人 | 国产一级大片在线观看 | 狠狠干五月天 | av电影手机在线看 | www国产成人免费观看视频,深夜成人网 | 久久久成人999亚洲区美女 | 日本一区二区不卡在线观看 | 国产精品一区二区日韩 | 欧美日韩在线视频一区 | 国产精品美女久久久免费 | 天天色综合2| 一级一片免费看 | 免费在线观看午夜视频 | 国产91亚洲精品一区二区三区 | 中文字幕免费一区 | 国产精品久久久久久久午夜片 | 最近中文字幕一区二区 | 91久久久久久久一区二区 | 日本欧美一区二区三区在线播 | 中文字幕一区2区 | 97se亚洲综合在线韩国专区福利 | 看av网址| av一二三四区|