使用CSS把ul,li制作成表格

作者(出处):百宝箱工作室发布时间:2017年2月25日 16:25:42查阅量:420

<!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=gb2312" />
<title>使用CSS把ul,li制作成表格—百宝箱工作室 http://www.baibaox.com/</title>
<style>
.baibaox ul{list-style:none;width:300px;border:solid 1px gray;padding:0px}
.baibaox li{margin-left:0px;width:99%;border-bottom:1px dotted gray;text-align:left;line-height:30px}
a{color:blue;text-decoration:none}
</style>
</head>
<body>
    <div class="baibaox">
        <ul>
            <li><a href="http://www.baibaox.com/">百宝箱工作室</a></li>
            <li><a href="http://www.baibaox.com/">百宝箱网站首页</a></li>
            <li><a href="http://www.baibaox.com/book.pdf.html">经典代码大全</a></li>
            <li><a href="http://www.baibaox.com/book.pdf.html">C程序设计语言</a></li>
            <li><a href="http://www.baibaox.com/book.pdf.html">Access2010中文版教程</a></li>
            <li><a href="http://www.baibaox.com/book.pdf.html">ASP.NET项目开发案例</a></li>
            <li><a href="http://www.baibaox.com/book.pdf.html">Access2016报销管理系统</a></li>
        </ul>
    </div> 
</body>
</html>
百宝箱网络工作室  版权所有  
站长QQ:1617818397  站长E-mail:1617818397@qq.com
Powered by www.baibaox.com  Copyright © 2011-2017
点击这里给我发消息