实现一个ul下面的li两列显示

百度谷歌搜狗

加关注：新浪微博腾讯微博

发布时间：2013-09-22 10:36 　来源/作者：藕码网　分类：CSS技巧

TAG标签：

摘要：实现一个ul下面的li两列显示

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>li两列显示</title>
<style type="text/css">
.list{width:400px;}
.list li{float:left;width:180px; height:35px; line-height:35px;}
.list li a{color:#000;}
</style>
</head>
<body>
li两列显示：
<ul class="list">
 <li><a href="http://www.oucode.com/asp/">ASP代码</a></li>
 <li><a href="http://www.oucode.com/php/">PHP代码</a></li>
 <li><a href="http://www.oucode.com/jsp/">JSP代码</a></li>
 <li><a href="http://www.oucode.com/net/">.NET代码</a></li>
</ul>
</div>
</body>
</html>

素材详情
用户评论
相关文章

实现一个ul下面的li两列显示
最新评论

验证码:

菜单/ Menu

热门下载/ HOT