-moz-border-radius CSS属性演示源代码：FireFox下圆角矩形

最新推荐文章于 2022-10-05 22:55:12 发布

暗淡亮点

最新推荐文章于 2022-10-05 22:55:12 发布

阅读量883

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/suleil1/article/details/49471137

版权

CSS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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>

暗淡亮点

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
-moz-border-radius CSS属性演示源代码：FireFox下圆角矩形

-moz-border-radius demo – http://www.never-online.net body, pre{font-size: 0.9em;font-family: verdana;}.moz-border-radiu{-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-moz-border-
复制链接

扫一扫