当前位置: 首页 > article >正文

html table样式的设计 表格边框修饰

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>今日小说排行榜</title>
<style>
table {
  border-collapse: collapse;
  border: 4px double red; /* 表格外边是双线 */
  width:100%;
}

th,td {
  border: 1px dashed green; /* 单元格边框为虚线 */
  border-right:2px dashed green;
  padding: 10px; /* 设置单元格内边距 */
}
caption{ 
font-size:24px;
font-weight: bold;
}
</style>
</head>

<body>
<table width="200" border="1">
<caption>今日小说排行榜</caption>
  <tr>
    <th>排名</th>
    <th>关键词</th>
    <th>趋势</th>
    <th>今日搜索</th>
    <th>最近7日</th>
    <th>相关链接</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>


http://www.kler.cn/a/144650.html

相关文章:

  • ASN.1 编码规则概述(一)
  • 辅助驾驶功能开发-功能规范篇-XPeng-NGP高速自主导航驾驶功能
  • FlagEmbedding目前最好的sentence编码工具
  • QQ空间上传一次 500张限制突破记录
  • 维护工程师面经
  • 【C++】IO流
  • C++ Qt QByteArray用法介绍
  • 天线的负载
  • 电磁场信息论及先进MIMO (黄大年茶思屋座谈) 笔记
  • 【数据结构/C++】线性表_单链表的基本操作
  • 3. 加载器与加载连接用户程序
  • PSP - 蛋白质真实长序列查找 PDB 结构短序列的算法
  • [图片来源BZhan]最小生成树(Prim➕Kruskal)、最短路径(Dijkstra➕Floyd)
  • 2023年【安全员-C证】考试试卷及安全员-C证试题及解析
  • 增量有余、后劲不足,星途汽车10月份销量环比下降3.9%
  • GB/T 32223-2015 建筑门窗五金件检测
  • 在arm 64 环境下使用halcon算法
  • 【DevOps】一张图带你了解 DevOps 生态工具
  • XUbuntu22.04之解决gpg keyserver receive failed no data(一百九十三)
  • 4 动态规划解目标和