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

实现椭圆表格css代码

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

以下是程序代码

<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 全部选择提示：你可先修改部分代码，再按运行]

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

相关资料更多>

苹果6月20日发布iPhone5S 触摸屏概念股生动

诺基亚因充电器问题暂停销售Lumia 2520平板电脑

腾讯为何在与阿里百度的收购比赛中当看客？

新浪微博推粉丝头条功能意欲与大号分成

历史惊人相似：如今的库克曾经的鲍尔默

迅雷再次在美提交IPO申请

打车软件火了恶性循环来了

都是300元内乐视盒子与小米盒子对比体验

阿里马云：我觉得互联网还有十年可以做

香港全能空间免费试用15天，送网站加速30M

推荐阅读更多>