长知识博客网站,一个编程知识分享网站! Email: 1437393071@qq.com

css如何匹配一行中的指定单元格

分类: 前端 浏览量: 留言数: 98622

表格的一行可以具有多个单元格,下面介绍一下如何利用css匹配一行中的指定单元格。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>犀牛前端部落</title> 
<style type="text/css"> 
table{ 
  font-size:12px; 
  background-color:#690; 
} 
table td{ 
  width:80px; 
  height:20px; 
  line-height:20px; 
  background-color:#FFF; 
}
table tr > td:nth-of-type(3) {
  width:150px;
} 
</style> 
</head> 
<body> 
<table cellspacing="1"> 
<tr> 
  <td>DIV+CSS</td> 
  <td>站长交流</td> 
  <td>搜索优化</td> 
</tr> 
<tr> 
  <td>div教程</td> 
  <td>实例教程</td> 
  <td>js教程</td> 
</tr> 
<tr> 
  <td>DIV+CSS</td> 
  <td>站长交流</td> 
  <td>搜索优化</td> 
</tr> 
</table> 
</body> 
</html>

css如何匹配一行中的指定单元格,这样的场景在实际项目中还是用的比较多的,关于css如何匹配一行中的指定单元格就介绍到这了。

css如何匹配一行中的指定单元格属于前端实例代码,有关更多实例代码大家可以查看。

本文地址: http://www.zzsi.net/code/web/98622.html

本站部分资源来源与网络,仅供学习参考使用,请勿商用,如侵犯了您的权益,请联系我们删除。

标签: 上一篇: 下一篇:
在线留言CONTACT US

评论功能已关闭

展开更多