css3表格样式,CSS表格样式
CSS 如何定义 多个表格 样式
table width="100%" border="0" cellspacing="3" cellpadding="0" class="edf12"
创新互联长期为超过千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为开平企业提供专业的成都网站设计、网站建设,开平网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
tr
td/td
td/td
/tr
/table
可以在每个表格里面加上class样式,例如上面的,比如把class样式命名为“edf12”,再定义这个样式就可以了,任何一个表格都可以这样操作
如何在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样式表如何制作一个3行2列的表格,边框为1px
!DOCTYPE
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里就可以了
名称栏目:css3表格样式,CSS表格样式
转载源于:http://azwzsj.com/article/dscdpho.html