CSS控制DIV圆角

最新推荐文章于 2021-08-04 02:04:47 发布

cfy_qiangkeming

最新推荐文章于 2021-08-04 02:04:47 发布

阅读量243

点赞数

分类专栏： JAVA体系文章标签： CSS Firefox .net HTML

本文链接：https://blog.csdn.net/cfy_qiangkeming/article/details/83776982

版权

JAVA体系专栏收录该内容

74 篇文章 1 订阅

订阅专栏

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