table td 实现细边框的样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

  <style type="text/css">

 .cont tr:hover{border:#000 1px solid;}

 .topTd{border-top:1px solid #ccc; }

 .rightTd{border-right:1px solid #ccc;}

 .bottomTd{border-bottom:1px solid #ccc;}

 .leftTd{border-left:1px solid #ccc; text-align:center; line-height:35px;}

  </style>

 </head>

 <body>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="cont">

 <tr>

  <td width="10%" class="leftTd topTd bottomTd">a</td>

  <td width="35%" class="leftTd topTd bottomTd">b</td>

  <td width="35%" class="leftTd topTd bottomTd">c</td>

  <td width="18%" class="leftTd rightTd topTd bottomTd">d</td>

 </tr>

 <tr>

  <td class="leftTd bottomTd">3</td>

  <td class="leftTd bottomTd">&nbsp;</td>

  <td class="leftTd bottomTd">&nbsp;</td>

  <td class="leftTd rightTd bottomTd">&nbsp;</td>

 </tr>

 <tr>

  <td class="leftTd bottomTd">3</td>

  <td class="leftTd bottomTd">&nbsp;</td>

  <td class="leftTd bottomTd">&nbsp;</td>

  <td class="leftTd rightTd bottomTd">&nbsp;</td>

 </tr>

  </table>

 </body>

</html>

table td 实现细边框的样式的更多相关文章

table 表格细边框最简单样式
table 表格细边框的效果实现方法虽然不难,但网上简单有效的方法却很少,在此记录一下 css 样式 /** table 细边框 **/ table{border-collapse: collapse ...
table的td、th的一些样式问题（宽度，边框，滚动条）
1. 给table加边框 table{ border-collapse: collapse; /*表格的边框合并为一个单一的边框*/ } table, table tr th, table tr td ...
Html table 细边框
Html table 细边框 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
表格细边框的两种CSS实现方法
在网页制作中,细边框这个制作方法是必不可少的.这里介绍2种常见的表格细边框制作方法,均通过XHTML验证. <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
设置HTML表格细边框
简介:WEB前端|这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框一般我们用表格的时候总会给它个border属性,比如:<tableborder="1" ...
CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能
一. CSS3 文字与字体相关样式 1. 给文字添加阴影 text-shadow: length length length ccolor; 属性适用于文本阴影,指定了水平阴影,垂直阴影,模糊的距离, ...
UIWebView中加载HTML的Table,td设置百分比宽度并且宽度不被里面的内容撑开
正常情况下,iOS使用WebView加载HTML的Table时,为了让Table适应屏幕宽度,会使用百分比设置td的宽度,但是由于td中的内容过多,td会被撑开,导致整个Table的宽度会变宽,超出屏 ...
表格细边框并且CSS3加圆角
.YJ table{width:625px;height:860px;text-align:center;overflow:hidden; background:#fff;border-radius: ...
设置表格边框css样式
table{ width:70%; text-align:center; border-left:#C8B9AE solid 1px; border-top:#C8B9AE solid 1px; bo ...

随机推荐

neutron二层网络实现
一.基本概念 1.tap设备比如vnet0,是虚拟化技术和KVM和XEN用来实现虚拟网卡的,当一个以太网帧发送给TAP设备时,这个以太网帧就会被虚拟机操作系统所接手,命名空间用于隔离虚拟网络设备. ...
openstack-mitaka版本DRV基础
一.基础知识 1.1 路由 1.1.1 策略路由 1.1.2 路由表 (使用 ip route 命令操作静态路由表) 1.1.3 路由分类之静态路由 1.1.4 路由分类之动态路由 1.1.5 ip ...
33-THREE.JS 圆柱体
<!DOCTYPE html> <html> <head> <title></title> <script src="htt ...
MVC 框架中的缓存
在程序中加入缓存的目的很多是为了提高程序的性能,提高数据的查找效率,在MVC框架中也引入了非常多的缓存,比如Controller的匹配查找,Controller,ControllerDescripto ...
css 中 overflow: hidden清楚浮动的真正原因
1. 先上一段代码清楚浮动的代码, 外层ul设置overflow为hidden, 内层li设置float为left左浮动 <!DOCTYPE html> <html> < ...
Handling CLIK AS3 Compile Error 1152 & 5000
Handling CLIK AS3 Compile Error 1152 & 5000 Action You add a CLIK AS3 component from CLIK_Compon ...
微信小程序如何在使用wx.request使用cookie
我主要是做asp.net mvc后端开发的,经常使用Jquery的ajax与后台的Web API进行数据交互. 最近公司要做一个小程序,要实现小程序与Web前端的通信,当然小程序是可以实现socket ...
Ubuntu 16.04 安装配置支持http2的nginx
第一步安装最新版本的nginx 对于ubuntu16.04而言直接装就是最新的 ``` sudo apt-get update sudo apt-get install nginx 查看Nginx ...
【数据库】MongoDB学习
http://www.w3cschool.cc/mongodb/mongodb-tutorial.html http://api.mongodb.org/python/2.7rc0/examples/ ...
ACM ICPC 2018 青岛赛区部分金牌题题解(K,L,I,G)
目录: K Airdrop I Soldier Game L Sub-cycle Graph G Repair the Artwork ———————————————————— ps:楼主脑残有点严 ...

table td 实现细边框的样式

table td 实现细边框的样式的更多相关文章

随机推荐

热门专题