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

实现椭圆表格css代码

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

以下是程序代码

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

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

相关资料更多>

中国移动承诺再降4G资费网络漫游至50个国家

微软张亚勤趋势判断：未来三十年属于物理化互联网

央行暂停二维码支付及虚拟信用卡支付宝微信不知情

特斯拉将获上海免费牌照充电桩面临双重标准

云储存有多远:跨过数据安全问题即可到达

华为野心布局未来：投资研发5G对赌1毫秒连接

亚马逊Fire Phone：请别拿我跟苹果三星比

工商下月将整治手机市场

HTC曝出特大丑闻：高管诈骗＋商业间谍

香港全能空间免费试用15天香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>