用CSS制作细线表格
2009-03-29 13:15
477 查看
用HTML做表格简直太轻松了,看一遍例题就会了,做细线表格也不难,用DW顶多修改几个值就可以了,但是总是用鼠标点来点去,不免
会想:有满意用一行代码就解决这个问题呢?于是问老师,答案是肯定有的,就是用CSS可以完成这个作业
那CSS是什么呢?CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
我也是刚刚学习CSS,对于CSS的语法格式、选择器的类别,以及样式分类不做赘述,只把语法贴出来与新手们共享,以三行三列为例:
<html>
<head>
<title>CSS制作细线表格</title>
<style>
table,td{border:#0000FF; border-collapse:collapse}
</style>
</head>
<body>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
细线表格做完了,还有个例题也拿出来跟大家分享,就是用CSS做虚线表格,还是以三行三列为例,我只把CSS样式写出来,如果建表,我就不多说了,怕说多了,被仍板砖
<style>
table,td{border:#0000FF dotted 1px;
border-collapse:collapse}
</style>
border-collapse:collapse写不写看要求,加上后,虚线表格会看起来更直观一些。
会想:有满意用一行代码就解决这个问题呢?于是问老师,答案是肯定有的,就是用CSS可以完成这个作业
那CSS是什么呢?CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
我也是刚刚学习CSS,对于CSS的语法格式、选择器的类别,以及样式分类不做赘述,只把语法贴出来与新手们共享,以三行三列为例:
<html>
<head>
<title>CSS制作细线表格</title>
<style>
table,td{border:#0000FF; border-collapse:collapse}
</style>
</head>
<body>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
细线表格做完了,还有个例题也拿出来跟大家分享,就是用CSS做虚线表格,还是以三行三列为例,我只把CSS样式写出来,如果建表,我就不多说了,怕说多了,被仍板砖
<style>
table,td{border:#0000FF dotted 1px;
border-collapse:collapse}
</style>
border-collapse:collapse写不写看要求,加上后,虚线表格会看起来更直观一些。
相关文章推荐
- Css制作table细线表格
- Css制作table细线表格
- CSS去除表格td默认间距及制作1px细线表格
- Css制作table细线表格
- Css制作table细线表格
- CSS去除表格的默认间距并且制作1px的细线表
- Css制作table细线表格
- CSS去除表格td默认间距及制作1px细线表格
- Css制作table细线表格
- Css制作table细线表格
- 细线表格的制作
- TABLE的CSS应用(细线表格)
- css创意ul+li实现的细线表格实现代码
- 细线表格制作
- CSS定义表格边框大全(细线/虚线/点线)(转贴)
- HTML中如何制作细线表格(企业开发中的方法)
- 用CSS制作表格初级篇
- div,css用ulli制作表格
- css创意ul+li实现的细线表格实现代码
- HTML制作细线表格