| | | 简单实用的网页表格特效 | | 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>
六、阴影表格
这里主要用到了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 | | | 感谢
访问天极网,如果您觉得该文章涉及版权问题,请看这里!
|
|