Table样式表（推荐）

最新推荐文章于 2024-04-19 20:39:07 发布
最新推荐文章于 2024-04-19 20:39:07 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： ★Website 文章标签： table class apple css html 电话
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yvan2008/article/details/3990943
版权
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" />
<title>Yvan CSS Tables</title>
</head>
<style type="text/ css">
/* CSS Document */

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: 0;
}

caption {
padding: 0 0 5px 0;
width: 700px;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA  no-repeat;
}

th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}

td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}


td.alt {
background: #F5FAFA;
color: #797268;
}

th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
/*---------for IE 5.x bug*/
html>body td{ font-size:11px;}
body,td,th {
font-family: 宋体, Arial;
font-size: 12px;
}
</style>
<body>
< table id="mytable" cellspacing="0" summary="The technical specifications of the Apple

PowerMac G5 series">
<caption> </caption>
<tr>
<th scope="col">姓名</th>
<th scope="col">年龄</th>
<th scope="col">电话</th>
<th scope="col">居住地点</th>
</tr>
<tr>
<td class="row">badwolf</td>
<td class="row">100</td>
<td class="row">010-110</td>
<td class="row">中国上海</td>
</tr>
</ table>

</body>
</html>
iyvan
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
table表格样式
前端技术
04-08 8284
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table.tftable, table.table-count { ...
好看table样式 好看的CSS——Table样式表
04-01
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
CSS基础：table的4个标签的样式详解（6000字长文！附案例）
最新发布
u013179804的博客
04-19 2970
之前在 HTML 基础部分，我们讲解了表格的结构和写法。简单回顾下。包含等表格部分。和分别包含多个行。行中可以包含或单元格，用来显示表格的标题或数据。本文，我们来给它们增加一些漂亮的样式。图为增加样式前，增加样式后的效果，是不是确实漂亮多了。ok，那我们一起来看看这些表格标签的样式属性吧。
推荐一款很好看的Table样式-Tablecloth
小帅的专栏
06-03 3万+
界面美观，并且可以实现鼠标滑过以及点击的行、列的高亮显示演示页面：http://cssglobe.com/lab/tablecloth/下载地址：http://cssglobe.com/lab/tablecloth/tablecloth_files.zip
TABLE 的css的样式表
hushuai_5的专栏
02-24 3万+
TABLE 的css的样式表 标签：css it   TABLE 的css的样式表  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~下面为HTML        标题&lt
普通table表格样式及代码大全(全)
Daisukes的博客
02-20 6029
普通table表格样式及代码大全(全)(一) 单实线边框表格   单实线边框表格     虚线边框表格   <TABLE style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff66
layui中table表头样式修改方法
10-18
今天小编就为大家分享一篇layui中table表头样式修改方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Jquery 实现table样式的设定
01-21
上一篇我们使用jquery实现checkbox的全选，得到了一些朋友的...在项目中，一些table都要设置样式，为了样式的美观，表头是一个样式，奇数行一个样式，偶数行一个样式。当鼠标经过的时候颜色变化，鼠标离开时颜色恢复,这
vue修改Element的el-table样式的4种方法
01-18
修改Element中的el-table样式，可以使用以下几种方法： 　1. row-style 行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。 　2. cell-style 单元格的 style 的回调方法，也可以使用一...
好看的css table列表样式
07-19
好看的css table列表样式
HTML Table 漂亮的CSS
03-26
HTML Table 漂亮的CSS 包含了格式各样的CSS，代码非常独立，肯定能够让你用到的。
Table常用的几种CSS样式
03-23
针对Table经常使用的CSS样式，样式不错。 也可以到http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
Qt常用样式表-QTableWidget/QTableView
DarkSying的博客
01-09 840
QTableWidget表格样式包括表头，表，表项等
四个好看的table表格样式
热门推荐
下半夜的风
10-24 7万+
1. 单像素边框CSS表格 table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } ta
html —— table 标签 与 display:table 样式
永远的北极光
04-01 1万+
目录：一、table 相关标签介绍及使用二、div 布局设置display：table一、table 相关标签介绍及使用相关标签按包含关系从大到小排序：table ——&gt; col | colgroup | thead | tbody | tfoot；thead | tbody | tfoot ——&gt; tr；tr ——&gt; th | td；说明：table：重要属性有border（单...
【QT界面设计】 QTableWidge常用方法及样式设计（QSS）
qq_40041064的博客
11-27 3331
本文分享QTableWidget在使用过程中的常用方法、以及QTableWidget的样式设计技术。希望对各位小伙伴有所帮助！
table 样式美化
dengjuanshou7445的博客
08-15 1万+
1. 单像素边框CSS表格 这是一个很常用的表格样式。 源代码： 1 <!-- CSS goes in the document HEAD or added to your external stylesheet --> 2 <style type="text/css"> 3 table.gridtable { 4 f...
漂亮的表格样式(使用CSS样式表控制表格样式)
kongwei521的专栏
10-10 3万+
转载地址：http://blog.csdn.net/wallimn/article/details/2212916 感谢原作者 依照WEB2.0风格，设计了几个表格样式，希望大家喜欢。 WEB2.0提倡使用div开布局，但不是要完全放弃使用表格，表格在数据展现方面还是不错的选择。 现在使用介绍使用CSS样式表来控制、美化表格的方法。 精美
CSS Table（表格）
隔壁小王的博客
03-20 8874
**首先介绍表格标签**一个完整的表格示例如下<table> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Peter</td> <td>Griffin</td> </tr> <tr> <td>Lois</td> <td>Griffin</td> </tr> </table>table标签：表格 tr标签：表格中的每一行 th标
bootstrap table 表头样式
09-01
对于表头，Bootstrap提供了.table类来应用基本的表格样式。可以将这个类添加到包含表头的标签中。 此外，还可以进一步自定义表头样式。在表头所在的标签中，可以使用Bootstrap提供的其他类来改变字体、颜色、背景等...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值