css表格代码,css3表格
CSS 表格
指定CSS表格边框，使用border属性。
下面的例子指定了一个表格的Th和TD元素的黑色边框
例子： table,th,td{border:1px solid black;}
请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。
为了显示一个表的单个边框，使用 border-collapse属性。
border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开：
例子： table{ border-collapse:collapse;}
? ? ? ? ? ?table,th, td{ border: 1px solid black;}
Width和height属性定义表格的宽度和高度。
下面的例子是设置100％的宽度，50像素的th元素的高度的表格：
例子：table,td,th{border:1pxsolidblack;}
? ? ? ? ? ?table{width:100%;}
? ? ? ? ? ?th{height:50px;}
表格中的文本对齐和垂直对齐属性。
text-align属性设置水平对齐方式，向左，右，或中心：
如需控制边框和表格内容之间的间距，应使用td和th元素的填充属性：
例子： td{ padding:15px;}
下面的例子指定边框的颜色，和th元素的文本和背景颜色：
谁可以给我一个用CSS做好的表格代码啊？最好是两行四列的
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title用CSS做表格/title
style type="text/css"
ul{padding:0;
width:324px; /*设置表格宽 */
height:42px; /*设置表格高*/
margin:30px;
border-top:red 1px solid; /*设置表格上边框*/
border-right:red 1px solid; /*设置表格右边框*/
}
li{ border-left:red 1px solid; /*设置表格左边框*/
border-bottom:red 1px solid;/*设置表格下边框*/
/*设置单元格边框*/
list-style:none; /*清除项目列表前的标记*/
float:left; /*设置单元格浮动，用于水平排列*/
display:block; /*设置单元格为块级元素于用语控制大小等*/
width:80px; /*设置单元格宽*/
height:20px; /*设置单元格高*/
text-align:center; /*设置单元格内文本对齐方式*/
}
/*原理就是利用项目列表的每个项目做出表格中的每个单元格，然后通过设置ul和li的边框达到设置表格的边框效果*/
/style
/head
body
ul
li表格/li
li表格/li
li表格/li
li表格/li
li表格/li
li表格/li
li表格/li
li表格/li
/ul
/body
/html
我都做了注释了,你复制到记事本中,改下后缀名,打开看下效果!
如果懂CSS的话一看就明白了
css表格代码，图片填入表格无论怎样添加底边都会有空隙。代码如下
你给表格的高度是100%！表格的外层又没有限制高度！肯定会有空隙了！解决方法就是给表格设置高度！
css控制表格横向显示
CSS即层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS控制表格横向显示Html代码：
div style="position:relative;"
table class="t1"
tr
td1/td
/tr
/table
table class="t2"
tr
td2/td
/tr
/table
table class="t3"
tr
td3/td
/tr
/table
/div
CSS代码：
style type="text/css"
.t1, .t2, .t3 {width:100px; position:absolute;}
.t2 {top:0; left:100px;}
.t3 {top:0; left:200px;}
/style