<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> -moz-border-radius demo – http://www.never-online.net </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="never-online, blueDestiny">
<META NAME="Keywords" CONTENT="never-online, blueDestiny">
<META NAME="Description" CONTENT="http://www.never-online.net">
<style>
body, pre
{
font-size: 0.9em;
font-family: verdana;
}
.moz-border-radiu
{
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border: 4px solid #006600;
padding: 30px;
}
</style>
</HEAD>
<BODY>
<h1> -moz-border-radius 演示 请用mozilla firefox打开本页 </h1>
<h4> -moz-border-radius 是 mozilla的特有CSS属性,可运用于制作圆角矩形。在CSS3中,也会有radius之类圆角的属性,而mozilla的这个CSS属性也是基于CSS3的。</h4>
<div class="moz-border-radiu">
<pre>
.moz-border-radiu
{
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border: 4px solid #006600;
padding: 30px;
}
</pre>
</div>
<br/>
<div style="-moz-border-radius:10px;border:4px solid #003399;padding:30px;">
<pre>
-moz-border-radius:10px;
border:4px solid #003399;
padding:30px;
</pre>
</div>
</BODY>
</HTML>
分享到:
相关推荐
用css+div写的带圆角的窗口
纯css实现div圆角,代码简单易懂,没有js那么麻烦,缺点是效果有点小缺憾
免费赠送,CSS+DIV圆角横条效果
用div+css实现边框圆角,其实实现div圆角,有三种方法,也可以用圆角片来实现,还有一种技术,现在浏览器还不是很支持。
css+div圆角的实现.rarcss+div圆角的实现.rar
css+div圆角实例,通过JavaScript实现,内含多种实例
css+div漂亮的圆角tab选项卡css+div漂亮的圆角tab选项卡css+div漂亮的圆角tab选项卡
div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角
JS封装DIV圆角Css样式,源代码演示!
div css圆角代码各种圆角表格_圆角边框css圆角
JS CSS 圆角,JS控制DIV圆角代码
DIV+CSS IE圆角,让IE也能支持圆角
超多CSS Div圆角特效代码集,有DIV圆角,圆角菜单、圆角列表、圆角混合布局、圆角图片边框等,一共有10款圆角框效果,全部兼容ie8、火狐或Chrome浏览器,没有用到CSS3,传统CSS技术实现,是学习CSS的好资料。
css3圆角 非常简单,好用,兼容性好,本人空间有html5的中文手册,还有很多关于编程的资料,欢迎下载啊
使用div+css样式呈现圆角层 不需要背景图片 用div层与样式来实现圆角层的
div+css实现圆角导航菜单的效果。
.
又一个CSS DIV圆角边框代码,同样是把图片来修饰成的圆角特效,兼容IE8/火狐、Chrome等浏览器,由测试截图可看出,本实例实现上边左右两个角的圆角效果,下边则是直角,需要的朋友,自己动动手,修改一下CSS,可实现...
DIV+CSS实现圆角DIV+CSS实现圆角DIV+CSS实现圆角
为HTML网页做圆角。汇集css 无图片圆角,CSS圆角区块容器,div + CSS 圆角矩,WEB2.0 圆形边框 div 使用 css 做法。