html 表格样式,html +css制作表格
废话不多说了,具体代码如下所示:
!DOCTYPE html html头meta charset= utf-8 标题表格/title style type= text/CSS * { margin:0;填充:0;} body{ font: italic 20px Georgia,serif字母间距:正常;背景色:# f0f0f0} #内容{宽度:750 px填充:40px边距:0自动;背景色:# fff border-left:30px solid # 1d 81b 6;右边框:1px solid # dddbox-shadow:0px 0px 16px # AAA;} #表1 { font:bold 16px/1.4 em 投石机MS ,无衬线;} #表1 thead th { padding:15px;边框:1px纯色# 93CE37边框-底部:3px实心# 9ED929文-影:1px 1px 1px # 568F23颜色:# fff背景色:# 9DD929边框-半径:5px 5px 0px 0px} #表1 thead th:empty { background-color:transparent;边框:无;} #表1t正文th { padding:0px 10px;边框:1px纯色# 93CE37右边框:3px实心# 9ED929文-影:1px 1px 1px # 568F23颜色:# 666;背景色:# 9DD929边框-半径:5px 0px 0px 5px} #表1 tbody TD { padding:10px;边框:2px实心# E7EFE0文本对齐:居中;正文-阴影:1px 1px 1px # fff颜色:# 666;背景色:# DEF3CA边框-半径:2px} #表1t车身跨度。在{ content:URL(images/check 0。png);} #表1 tfoot TD { padding:10px 0px;字体大小:32px颜色:# 9CD009文本对齐:居中;text-shadow:1px 1px 1px # 444;}/style/headbydivid= content table id= table 1 the ad tr th scope= col abbr= Starter smart Starter/th scope= col abbr= Medium smart Medium/th scope= col abbr= Business smart Business/th scope= col abbr= Deluxe smart Deluxe/th/tr/the ad tfoot tr th scope= row每月价格/th TD $ 2.90/TD TD TD $ 5.90/TD TD $ TD/TD TD 12.90 _ _ _ fckpd _ _ _ 0lt;/TD TD free/TD TD free/TD/tr th scope= row PHP 5/th TD span class= check /span/TD TD好了,代码到此介绍,完美表格效果就制作出来了。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。