css表格样式优化,常用css 美化样式表

表格细边框的CSS样式怎么设置？

指定的table为细边框，把table放在div中即可。

一、首先新建表格，代码如下：

table width="500" border="1"  trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr  tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。

二、在table里加css样式，代码如下：

table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"  tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。

三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。

相关问答

Q1: 如何提升表格的美化程度？用CSS样式

呃。CSS有很多样式啊。你想把表格怎么美化？

这个网站很不错啊。你可以上去找找。不光是表格美化。还有很多其他的。很值得学习的。可以看看

求最佳答案

Q2: 怎么设置css表格的样式(颜色等)

下面来个例子，你可以复制到你的编辑器里修改测试

style type="text/css"

table.gridtable {}{

    font-family: verdana,arial,sans-serif;

    font-size:11px;

    color:#333333;

    border-width: 1px;

    border-color: #666666;

    border-collapse: collapse;

}

table.gridtable th {}{

    border-width: 1px;

    padding: 8px;

    border-style: solid;

    border-color: #666666;

    background-color: #dedede;

}

table.gridtable td {}{

    border-width: 1px;

    padding: 8px;

    border-style: solid;

    border-color: #666666;

    background-color: #ffffff;

}

/style

!-- Table goes in the document BODY --

table class="gridtable"

tr

    thInfo Header 1/ththInfo Header 2/ththInfo Header 3/th

/tr

tr

    tdText 1A/tdtdText 1B/tdtdText 1C/td

/tr

tr

    tdText 2A/tdtdText 2B/tdtdText 2C/td

/tr

/table

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

Q3: 怎样用CSS样式控制表格大小。谢谢

1、首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。

2、然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。

3、最后可以用width属性给表格设置宽度，用height属性设置单元格的高度，设置好后可以在浏览器看到效果。