网站建设资讯

NEWS

网站建设资讯

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表格样式
文章URL:http://njwzjz.com/article/dscdpho.html