CSS技巧收藏

用CSS实现一个表格的背景色为渐进

程序代码

<body bgcolor="#EEEEEE">
<style type="text/css">

</style>

<table width="80%" border="0" cellpadding="5" cellspacing="1" bgcolor="#999999">
<tr bgcolor="#FFFFFF" class="xr">
<td width="20">ID</td>
<td>Name</td>
<td>ICQ</td>
<td>MSN</td>
<td>Homepage</td>
<td>Date</td>
<td>Content</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

用CSS实现圆角表格：

程序代码

＜html xmlns:v＞
＜style＞6
v\:*{behavior:url(#default#VML)}
＜/style＞)
＜body＞
＜v:RoundRect style="position:relative;width:150;height:240px" arcsize=0.5＞
＜v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/＞
＜v:TextBox style="font-size:10.2pt;"＞
＜/v:RoundRect＞
＜/body＞
＜/html＞

　　用VML技术可以很容易地制作一个圆角表格，而且还有投影哦！

　　①修改＜html＞表识为＜html xmlns:v＞

　　②在＜head＞区域添加如下代码：
＜style＞〈br>v\:* {behavior: url(#default#VML);}〈br〉＜/style＞

　　③在您要添加圆角表格的地方加入以下代码：＜v:RoundRect style="position:relative;width:200;height:100px"＞
＜v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/＞
＜v:textbox style="font-size:12px"＞

　　这里输入表格中的内容
＜/v:textbox＞
＜/v:RoundRect＞

　　您可以在上面的代码中设置圆角表格的宽度、高度、投影颜色等。
　　这样，一个有投影的圆角表格就制作好了。

posted on 2007-01-25 13:33 mbskys 阅读(125) 评论(0) 收藏举报