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表格样式大全代码
分享路径:http://bzwzjz.com/article/dsscgps.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 品牌网站建设 成都网站设计 成都网站建设 古蔺网站建设 成都网站设计 成都网站制作 网站制作 移动手机网站制作 自适应网站建设 营销型网站建设 网站制作 响应式网站设计 成都网站设计 成都网站设计 成都网站设计 营销型网站建设 成都响应式网站建设公司 成都网站设计 高端网站设计 成都营销网站制作 重庆企业网站建设 成都网站制作公司