css 给table设置样式
- WBOY原创
- 2016-06-01 09:53:171192浏览
对table设置样式
通过对应table父级样式命名指定对象内table样式
<code class="language-html"><!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> </code>
复制此代码到这里运行一下
以上通过父级指定table和td进行CSS样式设置。
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn