简单的table单边框

最新推荐文章于 2022-12-30 00:52:01 发布

奶茶不甜o

最新推荐文章于 2022-12-30 00:52:01 发布

阅读量702

点赞数

分类专栏： html 文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_23392319/article/details/128353774

版权

html 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

需求：
边框好看，table数据，方便复制改

图片

在这里插入图片描述
html代码

<!DOCTYPE html>
<html>
<style>
	

 .show_border_tr td{

	border: 1px solid black;
}

</style>
<head>
    <meta charset="utf-8" />
    <title></title>

	<html>

		<table cellspacing="0" border="0" style="width:100%; padding:4px;border-collapse:collapse;">
		
			<tr class="show_border_tr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			<tr>

			<tr class="show_border_tr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			<tr>

			<tr class="show_border_tr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			<tr>

			<tr class="show_border_tr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			<tr>

			<tr class="show_border_tr">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			<tr>

		</table>

	</html>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
       
    </script>
</head>
<body>

</body>
</html>