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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么设置css表格的样式(颜色等)相关的知识,希望对你有一定的参考价值。

譬如说把这个表格的每个单元格都弄成某种颜色,要怎么做呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.table border:#30C 1px;border-style: solid;height:30px; margin-top:-1px
</style>
</head>

<body>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>

</body>
</html
随便来个颜色就行

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



<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>
    <th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
    <td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
    <td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>


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

参考技术A 1.首先确定表格的id 如:
<body>
<style>
#table border:#30C 1px;border-style: solid;height:30px; margin-top:-1px; background:#03F
</style>
</head>

<body>
<div id="table"></div>
<div id="table1"></div>
<div id="table"></div>
<div id="table1"></div>
<div id="table"></div>
<div id="table1"></div>

</body>
</html>本回答被提问者和网友采纳
参考技术B 要改什么颜色?

怎么用css设置火狐浏览器默认滚动条样式

参考技术A scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色
scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色
scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

以上是关于怎么设置css表格的样式(颜色等)的主要内容,如果未能解决你的问题,请参考以下文章

HTML的表格怎么设置颜色啊!~

怎么设置PowerDesigner中的实体图标显示样式

css中font字体颜色怎么设置

html怎么设置字体颜色

如何在html的表格中加入边框线

给 console 添加颜色