正文
csstable样式的简单介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css样式 table td id
直接用#table tr td：hover{}就可以了，不过IE6以下只支持a:hover，不支持其他元素的伪类。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style
#table
{
width:300px;
height:200px;
}
#table td
{
width:100px;
height:100px;
background-color:Red;
}
#table tr td:hover{
background-color:blue;
}
/style
/head
body
table id="table"
tr
td111/td
td222/td
td333/td
/tr
tr
td444/td
td555/td
td666/td
/tr
/table
/body
/html
相关问答
Q1: table怎么写CSS让第一行的th占一整行不影响下面的
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用table标签创建一个表格，并使用border属性设置表格的边框为1px。
3、在test.html文件内，使用tr、td两个标签创建表格为两行两列，代码如下。
4、在test.html文件内，编写style type="text/css"/style标签，页面的css样式将写在该标签内。
5、在css标签中，对table的td元素进行样式设置，使用padding属性设置单元格的间距为10px，即单元格的内边距为10px。
6、除了上面的方法外，还可以使用cellpadding属性直接在table标签内设置，实现单元格的间距定义。
Q2: css怎么 设置table的边框样式
代码示例 .a {border:#000 3px solid;其中CSS中border属性为边框线属性 第一个值设置边框线颜色，可为颜色英文单词或16进制代码 第二个值设置边框线粗细 第三个值设置线体样式 solid为实线 dotted为点线 double为双边框线 还有个虚线
Q3: 怎么样把table表格使用css样式居中显示
1、普通居中。
align="center"
table align="center"
tr
td商品名称/td
td商品价格/td
td商品描述/td
td购买/td
/tr
/table
2、css样式居中。
margin:0 auto
style type="text/css"
table1{
margin:0 auto;/* 自动居中，不论王爷的大小 */
border:1;/* 边框粗度 */
width:80%;/* 宽度只占当前页面的80% */
}
/style
Q4: 怎样用CSS设置table第一列样式
你编写表格的时候可以这样：
把第一列变成th
，这样就可以方便的控制了。
例如：三行三列的表格可以这样写：
table
tbody
tr
th/th
td/tdtd/td
/tr
tr
th/th
td/tdtd/td
/tr
tr
th/th
td/tdtd/td
/tr
/tbody
/table
或者你可以分别设置不同的类来达到控制的目的。
CSS可以这样写
th{
width:100px;
}
td{
width:200px;
}
Q5: table好看的css样式
这个还行
style type="text/css"table.imagetable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #999999; border-collapse: collapse;
}table.imagetable th { background:#b5cfd2 url('cell-blue.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999;
}table.imagetable td { background:#dcddc0 url('cell-grey.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999;
}
/style
