直接用#table tr td:hover{}就可以了,不過IE6以下只支持a:hover,不支持其他元素的偽類。

創(chuàng)新互聯(lián)公司專注于杏花嶺企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,成都做商城網(wǎng)站。杏花嶺網(wǎng)站建設公司,為杏花嶺等地區(qū)提供建站服務。全流程定制網(wǎng)站開發(fā),專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務
!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
1、新建一個html文件,命名為test.html。
2、在test.html文件內(nèi),使用table標簽創(chuàng)建一個表格,并使用border屬性設置表格的邊框為1px。
3、在test.html文件內(nèi),使用tr、td兩個標簽創(chuàng)建表格為兩行兩列,代碼如下。
4、在test.html文件內(nèi),編寫style type="text/css"/style標簽,頁面的css樣式將寫在該標簽內(nèi)。
5、在css標簽中,對table的td元素進行樣式設置,使用padding屬性設置單元格的間距為10px,即單元格的內(nèi)邊距為10px。
6、除了上面的方法外,還可以使用cellpadding屬性直接在table標簽內(nèi)設置,實現(xiàn)單元格的間距定義。
代碼示例 .a {border:#000 3px solid;其中CSS中border屬性為邊框線屬性 第一個值設置邊框線顏色,可為顏色英文單詞或16進制代碼 第二個值設置邊框線粗細 第三個值設置線體樣式 solid為實線 dotted為點線 double為雙邊框線 還有個虛線
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;/*?自動居中,不論王爺?shù)拇笮?*/
border:1;/*?邊框粗度?*/
width:80%;/*?寬度只占當前頁面的80%?*/
}
/style
你編寫表格的時候可以這樣:
把第一列變成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;
}
這個還行
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
本文題目:csstable樣式的簡單介紹
網(wǎng)頁地址:http://chinadenli.net/article15/dsejgdi.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設、品牌網(wǎng)站設計、網(wǎng)站維護、網(wǎng)站排名、App設計、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)