原文地址:http://www.manongjc.com/article/291.html 在一個網頁中多處使用了表格table標簽,這個時候給指定的表格對象設置樣式依然可以通過CSS進行控制設置。其實有時我們這樣思考將table標簽當作DIV標簽來佈局設置CSS,就變得簡單多了。 對table設置
原文地址:http://www.manongjc.com/article/291.html
在一個網頁中多處使用了表格table標簽,這個時候給指定的表格對象設置樣式依然可以通過CSS進行控制設置。其實有時我們這樣思考將table標簽當作DIV標簽來佈局設置CSS,就變得簡單多了。
對table設置樣式
通過對應table父級樣式命名指定對象內table樣式
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>指定對象內table設置樣式</title> <style> .manongjc{ width:400px} .manongjc table{ background:#CCC; color:#F00} .manongjc table td{ background:#FFF} </style> </head> <body> <div class="manongjc"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td>內容一</td> <td>內容一</td> <td>內容一</td> </tr> <tr> <td>內容二</td> <td>內容</td> <td>內容</td> </tr> </table> </div> </body> </html>
以上通過父級指定table和td進行CSS樣式設置。