制新手怎么制作表格视频的步骤

3626人阅读
HTML CSS(11)
在转载CSS觉问题及解决办法时看到的这样定义表格边框的方法,如果用表格的border=&1&属性定义,实际显示的宽度要比1px粗。所以我直到现在都是定义table的left和top边框,然后定义td的right和bottom边框,这样也用css定义了一个表格的边框。没想到还有这么简单的方法,今天单独摘出来奉献给大家,希望能给您带来帮助。
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&
&html xmlns=&&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&定义表格边框的方法&/title&
table{ border-collapse: }
td{ border:#ccc solid 1 padding:5 }
&table width=&100%& border=&0& cellspacing=&0& cellpadding=&0&&
&td&今天学了个新方法,奉献给大家&/td&
&td&以前都是定义table的上边和左边,然后定义td的右边和下边&/td&
&td&没想到还有这么简便的方法,以后就用这个方法了&/td&
&td&我的网络家园&/td&
&td&欢迎大家来访问&/td&
&td& &/td&
&td& &/td&
&td& &/td&
--------------------------------------------------------------------------------------------------------------------------  
&style type=&text/css&&
#table table {
border-collapse:
border-right:#ff0000 1
border-bottom:#ff0000 1
border-color: #ff0000;
#table td {
border-left:#ff0000 1
border-top:#ff0000 1
&body style=&margin:0&&
方法1:利用亮边框和暗边框[推荐]
&table width=&100%& height=&100& border=&1& bordercolorlight=&red& bordercolordark=&white& cellpadding=&0& cellspacing=&0&&
方法2:利用collapse[推荐]
&table width=&100%& height=&100& border=&1& bordercolor=&blue& cellspacing=&0& style=&border-collapse:collapse&&
方法3:(表格嵌套)
&table width=&100%& border=&0& cellspacing=&0& cellpadding=&0& bgcolor=&#ff0000&&
&table width=&100%& border=&0& cellspacing=&1& cellpadding=&0&&
&tr bgcolor=&#ffffff&&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&/tr&&tr bgcolor=&#ffffff&&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
方法4:(用css实现)
&div id=&table&&
&table width=&100%& border=&0& &
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
&td&极细表格边框&/td&
方法5:利用单元格的间距
&table width=&100%& height=&100& border=&0& bgcolor=&red& cellpadding=&0& cellspacing=&1&&
&td bgcolor=&white&&&/td&
&td bgcolor=&white&&&/td&
&td bgcolor=&white&&&/td&
&td bgcolor=&white&&&/td&
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:130769次
积分:1667
积分:1667
排名:千里之外
原创:34篇
转载:80篇
评论:14条
(1)(1)(4)(1)(1)(2)(1)(2)(3)(1)(1)(2)(1)(3)(2)(5)(1)(3)(3)(1)(5)(5)(2)(7)(6)(1)(2)(1)(2)(5)(2)(4)(3)(9)(6)(4)(1)(5)(4)(1)you have been blocked

我要回帖

更多关于 怎样制作wps表格步骤 的文章

 

随机推荐