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

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>

相关文章:

  • Linux(Centos)上使用crontab实现定时任务(定时执行脚本)
  • Python与设计模式--代理模式
  • wangEditor 富文本编辑(粘贴即用)
  • uniapp H5、小程序、APP端自定义不同运行环境(开发、测试、生产)、自定义条件编译平台、以及动态修改manifest.json值讲解
  • ubuntu编译sqlite3并使用
  • 关于用css设置input输入框hover的时候的样式以及当input为disabled的时候,不要让hover样式生效
  • Python——常见内置模块
  • 【Linux】第二十站:模拟实现shell
  • 《向量数据库指南》——向量数据库Milvus Cloud搭建Excel公式编辑器助手
  • 如何打造“面向体验”的音视频能力——对话火山引擎王悦
  • vivado产生报告阅读分析24-读取和解释时序路径特性报告
  • MyBatis-Plus简介和入门操作
  • 哈希思想的应用
  • JAVA编程规范-集合、并发(阿里手册)
  • RabbitMQ 搭建和工作模式
  • 深入了解以太坊
  • 【React系列】如何构建React应用程序
  • Angular 2 DI - IoC DI - 1
  • Django 博客开发教程 16 - 统计文章阅读量
  • ES6简单总结(搭配简单的讲解和小案例)
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • Javascript设计模式学习之Observer(观察者)模式
  • Java反射-动态类加载和重新加载
  • JS笔记四:作用域、变量(函数)提升
  • Linux快速配置 VIM 实现语法高亮 补全 缩进等功能
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • React-flux杂记
  • Spring Boot快速入门(一):Hello Spring Boot
  • Stream流与Lambda表达式(三) 静态工厂类Collectors
  • Tornado学习笔记(1)
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 浮动相关
  • 技术胖1-4季视频复习— (看视频笔记)
  • 检测对象或数组
  • 京东美团研发面经
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • ​520就是要宠粉,你的心头书我买单
  • #HarmonyOS:Web组件的使用
  • #includecmath
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (¥1011)-(一千零一拾一元整)输出
  • (附源码)ssm高校升本考试管理系统 毕业设计 201631
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (六)软件测试分工
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • (十一)JAVA springboot ssm b2b2c多用户商城系统源码:服务网关Zuul高级篇
  • (一)u-boot-nand.bin的下载
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (转)Oracle存储过程编写经验和优化措施
  • (转)Windows2003安全设置/维护
  • ***利用Ms05002溢出找“肉鸡
  • .NET CLR基本术语