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

实现椭圆表格css代码

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

以下是程序代码

<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 触摸屏概念股生动

“组合拳”怎么打拆解小米新玩法

代工厂生活危机：“富士康们”何去何从？

惠普董事长莱恩辞职为巨额财务减记埋单

阿里巴巴450亿勾画“现代服务业”藏宝图

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

推荐阅读更多>