`

css 表格 table

阅读更多
css 表格 table
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;
}
分享到:
评论

相关推荐

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

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

    利用CSS控制表格table的交替颜色

    本文将详细介绍如何通过CSS控制表格`&lt;table&gt;`的交替颜色,并提供具体的代码示例。 ### 一、基本原理 在HTML中,`&lt;table&gt;`元素用于创建表格,而`&lt;tr&gt;`代表表格的一行,`&lt;td&gt;`则表示表格中的一个单元格。CSS提供了...

    8款非常好看的css表格

    本文将深入探讨8款非常出色的CSS表格,这些表格设计独特,功能丰富,能为你的网站增添专业且美观的展示效果。 1. **Pure CSS Data Tables** 这款表格完全依赖CSS实现,无需JavaScript插件,轻量级且响应式。通过...

    CSS表格样式1

    由于描述中没有提供具体信息,我将根据常见的CSS表格样式实践进行详细讲解。 首先,我们来了解一下HTML表格的基本结构,由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(单元格)元素组成。CSS可以帮助我们...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`&lt;table&gt;`标签则是用来创建表格布局的重要元素。`&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`...

    CSS.table.rar_Table_css table_table css_表格css

    以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点: 1. **表格元素基础**: - `&lt;table&gt;`:这是HTML中创建表格的基本标签,用于定义表格的结构。 - `&lt;tr&gt;`:表示表格行(Table...

    21个新奇漂亮的AjaxCSS表格设计

    标题和描述均提到了“21个新奇漂亮的AjaxCSS表格设计”,这表明文章旨在介绍一系列结合了Ajax和CSS技术的创新表格设计方案。Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它允许网页...

    bootstrap-table.css 表格拖拽排序

    在本主题中,我们关注的是"bootstrap-table.css 表格拖拽排序",这是一种允许用户通过鼠标拖放操作来改变表格行顺序的功能。这个特性尤其适用于那些需要频繁调整数据顺序的场景,比如任务管理或者项目进度跟踪。 ...

    css table width表格宽度样式设置定义.docx

    css 表格宽度样式设置定义 css 表格宽度样式设置定义是 Web 开发中一个基本而又重要的概念。它涉及到 HTML 和 CSS 两方面的内容。通过本文,我们将详细探讨如何通过 HTML 和 CSS 来定义表格的宽度,并且探讨不同的...

    漂亮的表格css+html

    我们可以使用CSS来改变表格的布局、颜色、边框等属性。例如,为了使表格看起来更清爽,我们可以设置边框为单色,并去除内边距: ```css table { border-collapse: collapse; border-spacing: 0; } th, td { ...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    css表格样式打包下载

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

    CSS样式Table[6] - style-table

    `更多资源.url`可能是指向其他教程或示例的链接,可以帮助进一步学习和探索CSS表格样式。 总的来说,通过熟练掌握CSS,我们可以创造出具有专业外观和用户体验的表格,让数据的呈现更加美观和易读。不断实践和尝试新...

    DIV+CSS表格代码.rar

    在“DIV+CSS表格代码”中,开发者可能已经展示了如何用`DIV`代替`&lt;table&gt;`标签来创建表格,同时使用CSS来设置单元格的宽度、高度、对齐方式,以及行和列的间距。这样的做法有助于提升网页的性能,因为CSS渲染通常比...

    css+div控制表格 标签代码

    默认情况下,表格会呈现出比较基础的样式,但通过CSS,我们可以自定义边框、颜色、对齐方式等属性,使表格更具吸引力且易于阅读。 首先,我们可以使用`border`属性设置表格的边框宽度、样式和颜色。例如,`border: ...

    CSS表格斜线.rar

    标题“CSS表格斜线.rar”和描述“CSS表格斜线”暗示了这个压缩包内容主要涉及如何使用CSS来实现带有斜线的表格效果。在网页设计中,有时我们需要创建具有特殊布局的表格,例如带有分区的单元格,其中包含斜线以指示...

    JS+CSS的table表格特效

    5. **CSS样式表**:在`table_css.css`文件中,包含了定义表格外观的CSS规则。这些规则可能包括表格的边框、单元格的间距、字体样式、背景图片(如`bg2.gif`和`bg.gif`)等。CSS允许开发者自定义表格的每一个细节,使...

Global site tag (gtag.js) - Google Analytics