实现椭圆表格css代码-JS特效-爱易网页

实现椭圆表格css代码

日期：2014-05-18　浏览次数：20392 次

以下是程序代码

<style type="text/css">
 div{ font-size:12px;}
.one
{
display:block;
overflow:hidden;
height:1px;
margin:0 4px;
border-left:1px solid #B2D0EA;
border-right:1px solid #B2D0EA;
background:#B2D0EA;
}
.two
{
display:block;
overflow:hidden;
height:1px;/*线的高度为1px*/
margin:0 3px;/*距离外层DIV的左右边距各3px*/
border-left:1px solid #B2D0EA;/*只显示线的左边的1px*/
border-right:1px solid #B2D0EA;/*只显示线的右边的1px*/
background:#B2D0EA;/*配合内层Div的颜色变化，*/
}
.three
{
display:block;
overflow:hidden;
height:1px;
margin:0 2px;
border-left:1px solid #B2D0EA;
border-right:1px solid #B2D0EA;
background:#EDF7FF;
}
.four
{
display:block;
overflow:hidden;
height:1px;
margin:0 1px;
border-left:1px solid #B2D0EA;
border-right:1px solid #B2D0EA;
background:#EDF7FF;
}
.rou/*DIV只显示左右的边框，颜色和p标签的一致*/
{
border-left:1px solid #B2D0EA;
border-right:1px solid #B2D0EA;
}
.www_zzjs_net
{
border-left:1px solid #B2D0EA;
border-right:1px solid #B2D0EA;
background:#EDF7FF;
} </style>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div>
<p class="two"> </p>
<p class="three"> </p>
<p class="four"> </p>
<div class="www_zzjs_net">站长特效网，打造国内最帅的网页特效站！</div>
<div class="rou">最全面网页特效代码和js脚本，网页必备js特效，包括常用的图像特效、日期特效、文字特效、窗口特效、图层特效、表单特效、色彩特效、鼠标特效等，还提供大量高质量广告代码。</div>
<p class="four"> </p>
<p class="three"> </p>
<p class="two"> </p>
</div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

Facebook思科联手推免费WiFi 欲覆盖全美

阿朗力避步北电后尘急切停止自我革新

电话用户9月实名制：运营商监管受质疑

微软提示XP只剩365天寿命：用户被绑架？

网曝富士康500万iphone遭退货是确证的事

聚美向左，唯品向右，怎能耐得住高跟和红唇的诱惑！

曹国伟：微博将关注Facebook和Twitter

中国手游总裁及8名高管集体下岗，被指涉不当交易

孙正义入股阿里往事还原：阿里巴巴并非软银首选

网站建设一条龙做网站网站制作网站定制企业网站设计特价

推荐阅读更多>