表格样式

最新推荐文章于 2022-10-20 16:36:28 发布
最新推荐文章于 2022-10-20 16:36:28 发布
阅读量86 收藏
点赞数
分类专栏： 页面效果 文章标签： XHTML HTML CSS 浏览器 XML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iamjjt/article/details/83459981
版权 
<!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=gb2312" />
<title>Table Style</title>
<style>    

#browser{    

width:700px;    

margin:0 auto;    

border-collapse:collapse;    

font-family:Arial, Helvetica, sans-serif;    

text-align:center;    

}    

#browser th,td{    

border:1px solid #aaa;    

}    

#browser thead th{    

border-bottom:2px solid #3d580b;    

background-color:#8fc629;    

color:#fff;    

padding:10px 0px;    

}    

#browser th{    

background-color:#f2f4b9;    

}    

#browser th.title{    

background-color:#e3e685;    

}    

#browser tfoot td{    

border-width:0px;    

text-align:rightright;    

font-size:12px;    

color:#777;    

}    

#browser caption{    

font-weight:bold;    

padding:6px 0px;    

color:#3d580b;    

font-size:25px;    

}    

#xhtml th.title{    

background-color:#ffd56c;    

}    

#xhtml th{    

background-color:#ffe8ae;    

}    

</style>
</head>
<body>
<h1>Table Style</h1>
<hr />
<table id="browser">
  <caption>
  浏览器兼容性一览表
  </caption>
  <thead>
    <tr>
      <th>CSS特征</th>
      <th>MSIE 6.0 </th>
      <th>FF 1.0 </th>
      <th>FF 1.5 </th>
      <th>OP 8.5 </th>
    </tr>
  </thead>
  <tbody id="html">
    <tr>
      <th colspan="5" class="title">HTML 4.01</th>
    </tr>
    <tr>
      <th>a</th>
      <td>81%</td>
      <td>85%</td>
      <td>85%</td>
      <td>94%</td>
    </tr>
    <tr>
      <th>abbr</th>
      <td>N</td>
      <td>97%</td>
      <td>85%</td>
      <td>94%</td>
    </tr>
    <tr>
      <th>acronym</th>
      <td>94%</td>
      <td>97%</td>
      <td>97%</td>
      <td>75%</td>
    </tr>
  </tbody>
  <tbody id="xhtml">
    <tr>
      <th colspan="5" class="title">XHTML 1.0 changes
        </td>
    </tr>
    <tr>
      <th>HTML in XML </th>
      <td>N</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
    <tr>
      <th>well-formed</th>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
    <tr>
      <th>Media Types </th>
      <td>N</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="5">资料来源 HTTP://Rlog.Cn</td>
    </tr>
  </tfoot>
</table>
</body>
</html>

 

 主要代码：border-collapse:collapse;

 

iamjjt
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Layui 修改表格样式
遇见--专栏
12-21 4577
使用Layui做表格显示数据时候，不要自定义表格，但是layui的css已经写好了，这个时候要改layui的css就比较麻烦，本文我总结了layui表格风格更改样式。
〖Python自动化办公篇⑩〗- word文件自动化 - 设置图片样式与表格样式
热门推荐
易编橙 · 终身成长社群，相遇已是上上签！
05-14 4万+
上一章节学习了段落的样式之后，尤其是段落的居中。那么图片是否也可以以这样的方式居中呢？居中是可以的，但是实用的居中方法与段落居中的方式还是有一点区别的。
CSS表格样式
xiangxiongfly
07-21 1万+
CSS表格样式 caption-side 标题位置 border-collapse 边框合并 border-spacing 边框间距 css样式（推荐使用）
HTML表格样式
ZYX13721846745的博客
10-08 8029
9675人阅读 行跟列背景颜色的选择，合并等 列的颜色选择代码 <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col&
Bootstrap表格样式
奋斗的日子最甜美，在科技的海洋里，永无止境。
04-03 9546
Bootstrap表格样式 Bootstrap表格样式分类 基础样式.table 2.带背条纹表格.table-striped 3.带边框.table-border 4.悬停.table-hover 5.紧凑.table-condensed 6.行样
layui 调整表格样式
Ghjkku的博客
10-20 3万+
要在引入layui.css的后面引入才生效。
html 好看表格样式,简单但是好看的表格样式
weixin_39521651的博客
07-02 2547
废话不多说，先上图：再看看代码块；样式表：body{font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;background: #E6EAE9;}a {color: #c75f3e;}#mytable {width: 700px;padding: 0;margin: ...
python-docx表格样式列表
不去想结果，一直在路上
10-28 2万+
python-docx的表格样式如下： 使用方法： table.style='Medium Grid 1 Accent 1' or document.add_table(3,4,style='Medium Grid 1 Accent 1') 表格样式：Normal Table 第1列 第2列 第3列   ...
HTML的表格样式
Raccon_的博客
11-22 1249
HTML5 表格 <table> <tr> <th>1</th>(th为列标题 自动加粗居中) <th>2</th> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> 属性: 宽度:width 高度:
php优秀表格样式,表格设计（上篇）：18种样式，与你分享
weixin_30413679的博客
03-10 1233
最近在做一款工具类软件，主要涉及表格的设计，边工作边整理了一些表格的设计样式和原型图，拿出来与需要的人分享。欢迎与我交流，有需要原型的小伙伴也欢迎在下方留言。表格样式一表格样式主要分为两大类，第一类表格中通常以一行为组，操作均是以组为单位进行。此类表格优点是简单直观，操作感强，可提前设定好计算公式；缺点是对于某一数据的批量操作较为复杂，不方便自定义复杂计算。常用于信息展示，无需复杂计算的网页和 C...
CSS表格样式1
05-27
在CSS（层叠样式表）中，表格样式是网页设计中的一个重要组成部分，它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...
漂亮大气的表格样式
12-17
在IT行业中，尤其是在网页设计和数据展示领域，创建“漂亮大气的表格样式”是至关重要的。这不仅可以提升用户的视觉体验，还可以使数据更易于理解，提高信息传递的效率。Express CSS Table Design，作为这个主题的...
CSS实现的清爽、漂亮的表格样式分享
01-19
效果： 实现代码： 复制代码代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head><... charset=gb2312″ />...CSS实现的清爽、漂亮的表格样式 – jb5t1.net</tit
CSS 表格样式
03-18
本文将深入探讨如何使用CSS来美化和定制表格样式，以提升网站的用户体验。 首先，我们要理解HTML表格的基本结构。在HTML中，`<table>`元素是创建表格的基础，而`<tr>`表示行，`<th>`表示表头单元格，`<td>`则表示...
2022年全国地级市人口分布数据(全新整理)
08-15
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/140877988 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用，经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 资源名称：2022年全国地级市人口分布数据 区域范围：全国地级市 数据格式：.shp格式 数据规模:大于2G 数据来源：https://landscan.ornl.gov/
基于SSM++jsp的共享客栈管理系统
08-15
内容概要 共享客栈管理系统基于SSM（Spring、Spring MVC、MyBatis）框架和JSP技术开发，旨在为共享经济模式下的客栈经营者提供高效、便捷的信息管理工具。该系统集成了客栈房间管理、预订管理、入住与退房管理、账单管理以及客户信息管理等核心功能，帮助经营者全面掌控客栈的运营情况。系统支持实时更新客栈的房间状态，并能自动生成统计报表，方便经营者分析运营数据，提升管理效率。同时，系统具备多用户角色管理功能，支持不同权限的用户进行相应的操作，从而保障数据的安全性。 适用人群 本系统主要面向共享客栈经营者、房东、民宿管理公司以及IT技术人员。对于经营者和房东，系统提供了全方位的客栈管理功能，可以有效减少手工管理的工作量，提高运营效率。民宿管理公司可以利用该系统管理旗下多个客栈的日常运营情况，实现集中化管理。而IT技术人员则可以根据系统的架构，进行定制开发，满足特定客栈的个性化需求。此外，该系统也适用于需要系统化管理住宿资源的其他类似小型住宿业者。 使用场景及目标 该系统适用于多种场景，包括客栈日常的房间预订与管理、客户信息记录、账单生成及分析等。在实际使用中，经营者可以通过
JSP-个性化点餐配送系统（源码+数据库+论文）.rar
最新发布
08-15
互联网系统平台的广泛应用，改变了人们生活方式的同时也优化提升了人们的生活质量，利用线上系统平台可以实现更加便捷高效的信息获取及在线操作，线上点餐系统的不断普及，让人们体验到了足不出户的点餐服务，利用线上平台信息互通的便捷性实现了商家、客户以及配送员的三方信息互通，借助点餐系统平台可以实现菜品订单信息的添加、在线下单及支付操作以及订单配送员调配。随着餐饮行业的竞争日益激烈，线下的经营模式已经无法满足很多餐厅的经营需求，借助线上系统平台不仅能够拓宽经营渠道同时也为传统的餐饮门店吸引了更多潜在客户。 结合当前餐饮行业的发展现状，本文借助SSM框架实现了点餐配送系统平台的搭建，结合主要用户角色客户、商家、配送员以及系统管理员的功能需求，通过JSP技术的应用实现了前后端的信息共享和动态页面内容呈现，借助点餐配送系统的开发实现了菜品信息管理、客户订单管理、商家配送管理等功能模块的运行，通过点餐配送系统平台的搭建实现了从菜品管理到终端配送的一系列服务内容，结合网络在线订餐系统的发展趋势，优化提升力了点餐的效率及满足更多用户的用餐需求。 关键词：SSM框架；JSP技术；MySQL数据库；点餐配送
YOLO 目标检测图像数据集：施工电缆缺陷检测
08-15
YOLO 目标检测图像数据集：施工电缆缺陷检测【包含训练集、验证集、对应标签、class文件】 数据集被处理成yolo格式，可以用于YOLO所有系列的网络训练。show脚本可以用于可视化数据，即将box目标绘制在图像上 类别个数（2）：break等等【具体类别参考class类别文本文件】超过1000张数据和标签文件
poi word表格 样式
05-09
要设置Word表格样式，可以按照以下步骤操作： 1. 在Word中创建表格并选中表格。 2. 在“开始”选项卡中，点击“样式”下拉菜单。 3. 选择一个表格样式。 如果需要设置自定义表格样式，可以按照以下步骤操作： 1. 在Word中创建表格并选中表格。 2. 在“开始”选项卡中，点击“样式”下拉菜单。 3. 选择“样式管理器”选项。 4. 点击“新建样式”按钮，弹出“新建样式”对话框。 5. 在“基于”框中选择一个已有的表格样式作为基础样式。 6. 在“格式”中设置表格样式的各项属性，如字体、颜色、边框等。 7. 点击“确定”按钮保存自定义表格样式。 通过以上步骤，就可以设置Word表格样式了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值