table边框

最新推荐文章于 2021-06-21 14:02:04 发布

清风浪迹天涯

最新推荐文章于 2021-06-21 14:02:04 发布

阅读量540

点赞数

分类专栏： CSS html页面相关

本文链接：https://blog.csdn.net/xcyuzhen/article/details/23203525

版权

CSS 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

html页面相关

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link  href="reset.css" rel="stylesheet" type="text/css" />
<style>
</style>
<style>
/*
.table-curved {
    border-collapse:separate;
    border: solid #ccc 1px;
    border-radius: 25px;
	width: 500px;
}
tr td{
	border-bottom: 1px solid red;
}
.table-curved tr:last-child td:first-child
{
    border-bottom-left-radius: 25px;    
    
}
.table-curved tr:last-child td:last-child
{
    
    border-bottom-right-radius: 25px;   
}*/

.table1
{
    box-shadow: 0 0 1px #888;
    border-radius: 6px;
    overflow: hidden;
    border: 1px thin;
    border-collapse: collapse;
}
.table1 tr{
	border-bottom: 1px solid rgba(220,220,220,0.5);
}

td{
	width: 50px;
	height: 50px;
}


.table2 td{
	border: 1px solid red;
}
.table2 tr:first-child td:first-child{
	border-bottom-left-radius: 5px;    
}
.table2 tr:last-child td:first-child
{
    border-bottom-left-radius: 5px;    
    
}
.table2 tr:last-child td:last-child
{
    
    border-bottom-right-radius: 5px;   
}
</style>
</head>
<body>
	<table class="table1" style="margin:18px"align="left">
	  <tr>
		<td > Some text1</td>
		<td > Some text2</td>
	  </tr>
	  <tr>
		<td > Some text</td>  
		<td > Some text</td>
	  </tr>
	</table>
	
	
	<table class="table2" style="margin:18px"align="left">
	  <tr>
		<td > Some text1</td>
		<td > Some text2</td>
	  </tr>
	  <tr>
		<td > Some text</td>  
		<td > Some text</td>
	  </tr>
	</table>
</body>
</html>

清风浪迹天涯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table边框

/*.table-curved { border-collapse:separate; border: solid #ccc 1px; border-radius: 25px; width: 500px;}tr td{ border-bottom: 1px solid red;}.table-curved tr:last-child td:first-chil
复制链接

扫一扫

专栏目录