css3表格样式,css表格样式大全代码
用css样式表如何制作一个3行2列的表格,边框为1px
!DOCTYPE
创新互联公司主要从事成都网站制作、成都网站设计、外贸营销网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务卢龙,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/
title无标题文档/title
style
type="text/css"
.tab{
margin:0;
padding:0;
/*合并边线*/border-collapse:collapse;/*宽高自定*/
width:200px;
height:200px}
.tab
td{
border:solid
1px
#000}
/style
/head
body
table
class="tab"
tr
td
/td
td
/td
/tr
tr
td
/td
td
/td
/tr
tr
td
/td
td
/td
/tr
/table
/body
/html
属性都写在CSS里就可以了
如何在CSS表格样式
以下是定义行高代码,数字越大,行与行之间距离越大
.td{
line-height: 12px;
}
或者用百分比也行
.td{
line-height: 150%;
}
调用时先在head/head之间放入
link href="css.css" rel="stylesheet" type="text/css" /
注意href="css.css"是路径自己定义
调用时用class="td"就行了
例:
table width="50"
tr
td class="td"121312313131/td
/tr
/table
CSS 如何定义 多个表格 样式
table width="100%" border="0" cellspacing="3" cellpadding="0" class="edf12"
tr
td/td
td/td
/tr
/table
可以在每个表格里面加上class样式,例如上面的,比如把class样式命名为“edf12”,再定义这个样式就可以了,任何一个表格都可以这样操作
标题名称:css3表格样式,css表格样式大全代码
URL网址:http://pwwzsj.com/article/dsscgps.html