`
tianyalinfeng
  • 浏览: 442296 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

table样式

    博客分类:
  • Html
 
阅读更多

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

分享到:
评论

相关推荐

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    漂亮的table样式(内附css)

    "漂亮的table样式(内附css)"这个主题就是围绕如何使用CSS为HTML表格添加吸引力,使其更加美观和专业。 首先,我们需要了解HTML表格的基本结构,它由`<table>`元素开始,然后包含`<tr>`(行)元素,每个`<tr>`中...

    bootstrap集成table样式的总结

    本篇文章将深入探讨如何在Bootstrap中集成和使用Table样式。 一、基础样式 Bootstrap的表格默认具有简洁的样式,包括水平对齐的单元格、行高亮以及可选的striped(斑马纹)和bordered(带边框)样式。通过添加`...

    table样式.zip

    "table样式.zip"这个压缩包就是为此目的提供的,它包含了一些预设的、美观的Table样式,帮助开发者快速创建出吸引眼球的前台Table。 在"tablecloth"这个文件中,我们可以找到一系列CSS样式和可能的HTML结构示例,...

    几种实用table样式

    根据给定文件的信息,本文将详细介绍几种实用的表格(table)样式,并且深入解析每种样式的具体实现方法。这几种样式包括纯CSS样式、图片背景的CSS样式、颜色变化的CSS样式以及需要JavaScript支持的表格样式。 ### ...

    企业级Table样式

    本资源提供的"企业级Table样式"旨在为开发者提供一套专业、美观的表格样式方案,适用于各种业务场景。 这套Table样式的设计理念是简洁与实用并重,力求在保证信息清晰易读的同时,提升整体视觉效果。其主要特点包括...

    经典使用的table样式

    总的来说,"经典使用的table样式"涵盖了从基本的样式设计到高级的交互功能,通过使用如TableCloth这样的工具,开发者可以轻松实现这些效果,提升表格在网页中的呈现质量和用户体验。同时,理解并掌握这些样式和功能...

    table嵌套table边框样式

    在网页设计中,表格(Table)是用于组织数据的重要元素,而当表格嵌套时,如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求,尤其在处理复杂的数据展示时。本篇将详细介绍如何...

    好的table样式,职业的table样式

    好的table样式,职业的table样式 类似公司系统的那种比较专业的table样式

    svg table 样式

    svg table 样式

    好看的css table样式

    在这个主题中,我们聚焦于“好看的css table样式”,这在创建报表、数据展示以及各种信息汇总的网页中尤其重要。 一个美观的CSS表格不仅需要清晰易读,还要具有良好的可读性和吸引力。下面我们将深入探讨如何使用...

    漂亮的table表格样式

    综上所述,创建“漂亮的table表格样式”涉及多个CSS属性的运用,包括颜色、边框、背景、悬停效果以及过渡动画。通过合理组合这些元素,我们可以制作出既美观又实用的HTML表格,提升网页的整体视觉体验。

    分享一个首行表头和最左列和最右列固定中间滚动的html table样式

    一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列...

    好看的TABLE样式

    一个美观的Table样式不仅能够提升用户体验,还能使信息更易读、更具吸引力。本篇文章将详细探讨如何利用前端技术,特别是CSS(层叠样式表)来美化PHP和HTML页面中的表格。 首先,我们需要了解HTML表格的基本结构。...

    挺好看的CSS TABLE样式

    整体代码 博文链接:https://tylerxi.iteye.com/blog/215668

    各行变色的table样式

    web前端开发,html做的一个table样式,可实现隔行变色

    vue修改Element的el-table样式的4种方法

    本文将详细介绍四种在Vue中修改Element UI el-table样式的有效方法。 1. **row-style** 这个属性允许你为表格的每一行设置样式。它可以是一个返回CSS样式的函数,或者是一个包含默认样式的对象。例如,在提供的...

    好看的css table列表样式

    好看的css table列表样式

Global site tag (gtag.js) - Google Analytics