`

CSS 设置表格,表格样式

阅读更多
table{
  border-collapse: collapse;               //相邻边被合并
  background-color: #cccccc;             //设置表格背景色
  border-top: 1px solid #000000;        //设置表格上边框颜色
  border-left: 1px solid #000000;        //设置表格左边框颜色
  border-right: 1px solid #000000;      //设置表格右边框颜色
  border-bottom: 1px solid #000000;  //设置表格下边框颜色


}
td {
  border-right: 1px solid #000000;       //设置td颜色
  border-bottom: 1px solid #000000;   //
}

暂时就会这么多

还有一个是html table属性,表格挺好看的

属性为<table border="1" width='100%' height='70%' cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" >

和上边html属性一样的CSS表格样式

table {
  background-color: #000000;
  border: 1px solid #ffffff;
}

td {
  background-color: #cccccc;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

分享到:
评论

相关推荐

    CSS表格样式1

    在CSS(层叠样式表)中,表格样式是网页设计中的一个重要组成部分,它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...

    一些漂亮的CSS表格样式

    一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!

    css表格样式打包下载

    以下是一些关于CSS表格样式的知识点: 1. **基本样式设置**:首先,可以使用`border-collapse`属性来合并单元格边框,例如`border-collapse: collapse;`,以创建简洁的表格外观。`border-spacing`属性则可以控制...

    精美的css控制表格样式

    1. **基础表格样式**:CSS中的`table`, `th`, `td`, `tr`等选择器是控制表格样式的基石。例如,`table`选择器用于设置整个表格的基本样式,`th`和`td`分别用于定义表头和数据单元格的样式,而`tr`则用于处理行的样式...

    CSS设置表格和表单样式PPT课件.pptx

    CSS 设置表格和表单样式 PPT 课件 本资源为一份关于 CSS 设置表格和表单样式的 PPT 课件,共 6 页,涵盖了控制表格、表格实例一:隔行变色、CSS 与表单、直接输入的 Excel 表格等内容。 第六课:CSS 设置表格和...

    网页表格经典css样式

    本资源"网页表格经典css样式"提供了一系列经典的表格设计样式,适合初学者学习和参考。 首先,我们要理解表格的基本HTML结构。一个基本的表格由`&lt;table&gt;`标签开始,包含`&lt;tr&gt;`(行)标签,每一行中又有`&lt;td&gt;`...

    CSS表格样式设计

    本教程将详细讲解如何使用CSS来设计美观且功能丰富的表格样式。 首先,我们需要理解表格在HTML中的基本结构。一个简单的表格由`&lt;table&gt;`元素作为容器,`&lt;tr&gt;`(行)元素定义每一行,`&lt;th&gt;`(表头)元素用于表头,而...

    css样式表格

    本压缩包“css样式表格”显然是一个包含各种CSS技巧和方法的资源集合,专门用于创建和美化表格。表格在网页中常用于展示数据,如报告、日程安排、数据库结果等。下面我们将深入探讨如何使用CSS来设计和优化表格。 1...

    [精选]第8章用CSS设置表格和表单样式.pptx

    美化表格是使用 CSS 来设置表格样式以达到视觉效果的目的。可以使用 `background-color` 属性来设置表格的背景颜色,例如 `background-color: #f0f0f0;`。此外,还可以使用 `text-align` 属性来设置表格的文本对齐...

    CSS 表格样式

    本文将深入探讨如何使用CSS来美化和定制表格样式,以提升网站的用户体验。 首先,我们要理解HTML表格的基本结构。在HTML中,`&lt;table&gt;`元素是创建表格的基础,而`&lt;tr&gt;`表示行,`&lt;th&gt;`表示表头单元格,`&lt;td&gt;`则表示...

    html纯css实现表格样式

    本教程将深入探讨如何使用纯 CSS 实现美观且功能丰富的表格样式。 表格在 HTML 中通常使用 `&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和 `&lt;td&gt;`(单元格)等标签来创建。CSS 则通过选择器和属性来控制表格的样式。...

    css3表格样式产品价格页面表格样式

    在网页设计中,CSS3(层叠样式表第三版)为创建美观且功能丰富的表格样式提供了许多新特性。本文将详细探讨如何利用CSS3来设计适用于产品价格页面的表格样式,帮助你提升用户体验并增强页面视觉吸引力。 1. **边框...

    8款非常好看的css表格

    虽然Slick Grid使用了JavaScript,但它在CSS方面也有出色表现,提供了高度定制的表格样式,包括行选择、分页、滚动和列排序等功能,适用于大数据集的显示。 每款CSS表格都有其独特之处,开发者可以根据项目需求和...

    表格样式 CSS JS

    标题中的“表格样式 CSS JS”指的是使用CSS(层叠样式表)和JavaScript来美化和增强HTML表格的方法。在网页设计中,HTML表格用于组织数据,而CSS和JS则可以用来改变表格的外观、交互性和功能。 **1. CSS在表格样式...

    用CSS样式定义的圆角表格

    通过分析提供的文件信息,我们可以提炼出以下几个与CSS样式定义的圆角表格相关的知识点: ### CSS样式定义圆角表格的关键技术点 #### 1. **HTML结构** - 在本示例中,圆角表格主要是通过一个`&lt;div&gt;`元素来实现的...

    8款好看的css表格.rar

    本资源“8款好看的css表格.rar”提供了一系列由国外设计师编写的精美CSS表格示例,这些表格在视觉呈现上极具吸引力,能够为网页增加专业且现代的外观。 CSS表格的设计主要围绕以下几个方面展开: 1. **布局与结构*...

    非常美观的响应式css3表格样式代码

    本资源提供了一种“非常美观的响应式css3表格样式代码”,它能够显著提升网页中数据展示的视觉吸引力和用户体验。让我们深入探讨一下这个主题。 CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,它引入了...

    html表格css样式

    十个多种样式表格边框,代码完全呈现,而且颜色不一样可以根据自己的网站布局设计改变。

    js css精美表格

    通过CSS定义表格样式,接着使用JavaScript和jQuery插件来增强表格功能。在开发过程中,`docs`和`tests`可以帮助理解插件的用法和功能,`build.xml`和`.settings`则辅助自动化构建和配置。 总结来说,“js css精美...

Global site tag (gtag.js) - Google Analytics