首页 > 编程 > HTML > 正文

HTML用UL实现非Tab_le四行三列布局教程

2020-03-24 15:55:27
字体:
来源:转载
供稿:网友

先看看效果:

  HTML用UL实现非Table四行三列布局教程

  下面是源代码:

<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{

&n
中国历史事件[www.9-39.com/html/china/]bsp; 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>

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表