您的位置：首页 > Web前端 > HTML

html 圆角table

2010-05-07 12:27 155 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<title>CSS</title>
<style type="text/css">
<!--
*{margin:0;padding:0;}
body {
font: 11px Arial, sans-serif;
padding: 10px;
color: #333;
}
.divBox {
padding: 10px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
b, u, i {
display: block;
height: 1px;
overflow: hidden;
}
b.f1 {
margin: 0 4px;
background: #000;
}
b.f2 {
margin: 0 2px;
border-right: 2px solid #000;
border-left: 2px solid #000;
}
b.f3 {
height: 2px;
margin: 0 1px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
-->
</style>
</head>
<body>
<div style="width:200px;">
<b class="f1"></b><b class="f2"></b><b class="f3"></b>
<div class="divBox">CSS</div>
<b class="f3"></b><b class="f2"></b><b class="f1"></b>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航