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

实现椭圆表格css代码

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

以下是程序代码

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

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

相关资料更多>

IT企业人才争夺战打响：员工待遇水涨船高

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

欧洲6万人起诉Facebook隐私侵权

中移动“重启”自有品牌手机成败难料

余额宝收益率跌破5% 银行系宝宝收益率赶超

传苹果与雅虎协作信息提供进一步摆脱谷歌

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

支付宝被曝严重破绽隐私平安再受质疑

机器人进一步取代人类：将进军白领任务

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

推荐阅读更多>