用CSS做圆角矩形------mozzila的CSS参考之 moz-border-radius
2006-06-14 15:36
816 查看
Track Search Engine By This Title [GooGle][Baidu]
<!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 demo 请用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>
查看高亮代码
<!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 demo 请用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>
<!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 demo 请用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>
查看高亮代码
<!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 demo 请用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>
相关文章推荐
- -moz-border-radius CSS属性演示源代码:FireFox下圆角矩形
- css让图片变成圆角矩形 border-radius: 15px;
- css属性之--moz-border-radius 圆角属性-不过很遗憾不兼容ie
- 第二章:第四课 css 3.0属性border-radius设置边框圆角
- CSS border-radius 圆角
- 从零开始前端学习[15]:css样式之border-radius圆角使用
- 编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
- 编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似
- HTML5基础加强css样式篇(css属性border圆角:border-radius)(三十五)
- CSS border-radius边框圆角
- IE系列不支持CSS的圆角border-radius等属性的解决方案
- CSS3 参考指南:CSS3 圆角(border-radius)详解
- CSS-3 圆角Border-radius 的使用
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
- 有关CSS的overflow和border-radius的那些事,你的圆角被覆盖了吗?
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
- css利用border-radius圆角来设置背景图片为圆角的
- css border-radius 圆角
- css复习——opacity(不透明度)、IE6固定定位、border-radius(圆角)