| 本月文章推荐 |
用UL实现非Table四行三列布局发表日期：2006-3-29
|
|
先看看效果： 下面是源代码： <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> </li> <li> </li> <li class="border-r"> </li> </ul> <ul> <li> </li> <li> </li> <li class="border-r"> </li> </ul> <ul> <li> </li> <li> </li> <li class="border-r"> </li> </ul> <ul> <li class="border-b"> </li> <li class="border-b"> </li> <li class="border-l"> </li> </ul> </body> </html> 将上面的代码保存成html格式的网页文档就能看到效果了。 |
| 上一篇：分享HTML中少为人知的个性化标记
人气:9185 下一篇：制作强制固定表格大小的效果 人气:14474 |
| 浏览全部网页制作的内容
Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐 |
