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;
}
分享到:
相关推荐
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
"漂亮的table样式(内附css)"这个主题就是围绕如何使用CSS为HTML表格添加吸引力,使其更加美观和专业。 首先,我们需要了解HTML表格的基本结构,它由`<table>`元素开始,然后包含`<tr>`(行)元素,每个`<tr>`中...
本篇文章将深入探讨如何在Bootstrap中集成和使用Table样式。 一、基础样式 Bootstrap的表格默认具有简洁的样式,包括水平对齐的单元格、行高亮以及可选的striped(斑马纹)和bordered(带边框)样式。通过添加`...
"table样式.zip"这个压缩包就是为此目的提供的,它包含了一些预设的、美观的Table样式,帮助开发者快速创建出吸引眼球的前台Table。 在"tablecloth"这个文件中,我们可以找到一系列CSS样式和可能的HTML结构示例,...
根据给定文件的信息,本文将详细介绍几种实用的表格(table)样式,并且深入解析每种样式的具体实现方法。这几种样式包括纯CSS样式、图片背景的CSS样式、颜色变化的CSS样式以及需要JavaScript支持的表格样式。 ### ...
本资源提供的"企业级Table样式"旨在为开发者提供一套专业、美观的表格样式方案,适用于各种业务场景。 这套Table样式的设计理念是简洁与实用并重,力求在保证信息清晰易读的同时,提升整体视觉效果。其主要特点包括...
总的来说,"经典使用的table样式"涵盖了从基本的样式设计到高级的交互功能,通过使用如TableCloth这样的工具,开发者可以轻松实现这些效果,提升表格在网页中的呈现质量和用户体验。同时,理解并掌握这些样式和功能...
在网页设计中,表格(Table)是用于组织数据的重要元素,而当表格嵌套时,如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求,尤其在处理复杂的数据展示时。本篇将详细介绍如何...
好的table样式,职业的table样式 类似公司系统的那种比较专业的table样式
svg table 样式
在这个主题中,我们聚焦于“好看的css table样式”,这在创建报表、数据展示以及各种信息汇总的网页中尤其重要。 一个美观的CSS表格不仅需要清晰易读,还要具有良好的可读性和吸引力。下面我们将深入探讨如何使用...
综上所述,创建“漂亮的table表格样式”涉及多个CSS属性的运用,包括颜色、边框、背景、悬停效果以及过渡动画。通过合理组合这些元素,我们可以制作出既美观又实用的HTML表格,提升网页的整体视觉体验。
一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列...
一个美观的Table样式不仅能够提升用户体验,还能使信息更易读、更具吸引力。本篇文章将详细探讨如何利用前端技术,特别是CSS(层叠样式表)来美化PHP和HTML页面中的表格。 首先,我们需要了解HTML表格的基本结构。...
整体代码 博文链接:https://tylerxi.iteye.com/blog/215668
web前端开发,html做的一个table样式,可实现隔行变色
本文将详细介绍四种在Vue中修改Element UI el-table样式的有效方法。 1. **row-style** 这个属性允许你为表格的每一行设置样式。它可以是一个返回CSS样式的函数,或者是一个包含默认样式的对象。例如,在提供的...
好看的css table列表样式