细线表格 border-collapse:collapse;/细线表格，合并边框/

最新推荐文章于 2024-06-14 01:10:08 发布

xlj3

最新推荐文章于 2024-06-14 01:10:08 发布

阅读量2.4k

点赞数

分类专栏：前端学习回顾

本文链接：https://blog.csdn.net/luman1991/article/details/54772815

版权

前端学习回顾专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html><!--h5写法 -->
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		 <style type="text/css">
			#content{
			 margin:0 auto;/*元素居中处理*/
			}
			a{
			text-decoration:none;
			}
			table , td ,th{
				border:1px solid red;
				border-collapse:collapse;/*细线表格，合并边框*/
			}
		</style>
  </head>
    <body>
	<div>
		<table id="content" width="800" height="300" border="0" cellspacing="0" cellpadding="0">
		<caption><h3>今日小说排行榜</h3></caption>
			<tr >
				<th>排名</th>
				<th>关键词</th>
				<th>趋势</th>
				<th>今日搜索</th>
				<th>最近七日</th>
				<th>相关链接</th>
			</tr>
			<tr bgcolor="#ffffff">
				<td>1</td>
				<td>2</td>
				<td><img width="50px" src="xlj.jpg" alt="显示错误" title="鼠标略过提示"/></td>
				<td>1</td>
				<td>2</td>
				<td><a href="#">baidu</a></td>
			</tr>
			<tr bgcolor="#ffffff">
				<td>2</td>
				<td>2</td>
				<td>3</td>
				<td>1</td>
				<td>2</td>
				<td><a href="#">ali</a></td>
			</tr>
		</table>
	</div>
  </body>
</html>

xlj3

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
细线表格 border-collapse:collapse;/*细线表格，合并边框*/

#content{ margin:0 auto;/*元素居中处理*/ } a{ text-decoration:none; } table , td ,th{ border:1px solid red; border-collapse:collapse;/*细线表格，合并边框*/ } 今日小说排行榜
复制链接

扫一扫