表格（小说排行榜）

最新推荐文章于 2023-02-18 14:51:00 发布

黎明不管黑夜的星空

最新推荐文章于 2023-02-18 14:51:00 发布

阅读量522

点赞数

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

本文链接： https://blog.csdn.net/weixin_50930483/article/details/127976384

版权

htmlcss 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

images

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
h2{
	text-align:center;
	text-shadow:-4px 4px 3px gray;}
	.s1{
		color:blue;}
		.s2{
			color:green;}

table{
	width:500px;
	height:200px;
	border:dashed 3px green;
	border-collapse:collapse;
	margin:0 auto;}

th{
	border:solid 1px #669999;
	background-color:#CCC;}

td{
	border:solid 1px #669999;
	text-align:center;}
</style>
</head>

<body>

<h2><span class="s1">今日小说</span><span class="s2">排行榜</span></h2>
<table>
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>

<tr>				
<td>1</td>
<td>武动乾坤</td>
<td><img src="images/up.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>

<tr>				
<td>2</td>
<td>斗破苍穹</td>
<td><img src="images/up.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>

<tr>				
<td>3</td>
<td>小说</td>
<td><img src="images/up.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>

<tr>				
<td>4</td>
<td>穿越火线</td>
<td><img src="images/down.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>

<tr>				
<td>5</td>
<td>心灵鸡汤</td>
<td><img src="images/up.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>

<tr>				
<td>6</td>
<td>说话之道</td>
<td><img src="images/down.jpg" /></td>
<td>623557</td>
<td>4088311</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>


</body>
</html>

效果