您现在的位置是: 软件 > 设计在线 > 网页陶吧 > 技术平台 > 技巧点滴 > 正文
·速成电脑精英(包分配)白领高薪一族从这里开始


-办公软件之学校应用
-利用XML实现通用WEB报表打印
-四款情人节趣味软件赏析
-Excel 快速操作技巧

简单实用的网页表格特效
2003-02-24· ·黄明华··天极设计在线

上一页  1 2 3  

  五、半透明表格

透明

  这里主要是用到了CSS滤镜filter: Alpha(Opacity=20)。

<style type="text/css">
<!--
.bg {
background-color: #66CCFF;
filter: Alpha(Opacity=20);
}
-->
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">
<tr>
<td><div align="center">半</div></td>
<td><div align="center">透明</div></td>
</tr>
<tr>
<td><div align="center">表</div></td>
<td><div align="center">格</div></td>
</tr>
</table>

  六、阴影表格

111 222 333

  这里主要用到了CSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"

<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10">
<table width=300 border=1 bgcolor=#EAEAEA

<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>
</table>
</div>

  附:插入CSS样式的方法(我们这里用半透明表格来做说明)
  第一种方法是定义一个CSS名称。
  比如
<style type="text/css">
<!--
.bg {
background-color: #66CCFF;
filter: Alpha(Opacity=20);
}
-->
  元素需要用到CSS的时候,比如表格,定义一个CLASS就可以了,如
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">

  第二种是直接在你需要用到CSS元素的地方插入相关代码,style=""如:
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66CCFF;">

  关于CSS的具体使用就不在这里做具体介绍了,大家可以参考天极“设计在线”CSS样式表中的相关文章。

 

上一页  1 2 3  

【责任编辑:Shiny】
【发表评论】【关闭窗口】
■ 相关内容
感谢 访问天极网,如果您觉得该文章涉及版权问题,请看这里!