Rumah > hujung hadapan web > html tutorial > css 给table设置样式

css 给table设置样式

WBOY
Lepaskan: 2016-06-01 09:53:17
asal
1219 orang telah melayarinya

对table设置样式

通过对应table父级样式命名指定对象内table样式

<code class="language-html"> 
 
 
<meta charset="utf-8"> 
<title>指定对象内table设置样式</title> 
<style> 
.manongjc{ width:400px} 
.manongjc table{ background:#CCC; color:#F00} 
.manongjc table td{ background:#FFF} 
</style> 
 
 
<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> 
 
 </code>
Salin selepas log masuk

复制此代码到这里运行一下

以上通过父级指定table和td进行CSS样式设置。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan