CSS3的边框（border）属性-radius

语法：

border-radius ： none | <length>{1,4} [ / <length>{1,4} ]?

相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius

取值：

<length>：; 由浮点数字和单位标识符组成的长度值。不可为负值。
border-top-left-radius：: 由浮点数字和单位标识符组成的长度值。不可为负值。

说明：

第一个值是水平半径。
如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。
如果任意一个值为0，则这个角是矩形，不会是圆的。
值不允许是负值。附上代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="Tencent-ISRD" />
<meta name="Copyright" content="Tencent" />
<title>Border-radius</title>
</head>
<body>
<div style="border-width: 1px;border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:5px;">在Firefox和Safari 3的浏览器里能看到圆角效果</div></body></html>

转载于:https://www.cnblogs.com/xiaobaiyang/articles/4449789.html

CSS3的边框（border）属性-radius相关推荐

css边框(border)属性
border属性代码如下: border:边框宽度边框风格边框颜色; 如:border:5px solid #555; 属性: (1)边框宽度: border-width:5px; (2)边框颜 ...
CSS 元素的边框border属性
<title>边框相关属性</title> <!--边框的3个相关属性: 宽度(border-width):可以使用thin,medium,thick等文本值,也可以使用 ...
（22）css3新增边框圆角属性border-radius
1.边框圆角属性border-radius使用作用:设置边框的圆角. 属性值:可以是像素值,或者百分比,百分比参考的是盒子整体宽度.高度的百分比. 示例1: 示例2: 示例3: 当border-r ...
CSS3 图像边框 border-image属性
为了实现丰富多彩的边框效果,在CSS3中,新增了 border-image属性,这个新属性允许指定一幅图像作为元素的边框.该属性的优点是,可以根据一些简单的规则,把一幅图像划分为 9 个单独的部分,浏 ...
边框border属性总结
留着这些属性自己以后方便看: 其中border-style的值是: <<span style="font-size:18px;">html> <hea ...
css3实现边框border的颜色渐变
给一个右边框实现颜色渐变.中间深两边浅 .box{border-right: 1px solid;border-image: -webkit-linear-gradient(#F8F8F8 , #A ...
css盒子模型、边框border、外边距margin、填充padding、轮廓outline
盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ...
盒子模型之边框border
边框border属性:border-width,border-style,border-color 由于相邻边框会导致边框width变为border-width的2倍,此时可以将相邻边框进行合并,即使 ...
html边框复合属性,详解CSS的border边框属性及其在CSS3中的新特性
基础你可能很熟悉边的最基本用法. CSS Code复制内容到剪贴板 border:1pxsolidblack; 上面的代码将给元素应用1px的边.即简洁又简单:但我们也可以稍作修改. CSS Code ...
CSS3之border属性
border相关属性需要大量练习,方可运用自如! 文字下方有Demo!!! border: 作用: 设置在一个声明中包含所有的边框属性说明: 可以设置 ...

CSS3的边框（border）属性-radius

语法：

取值：

说明：

CSS3的边框（border）属性-radius相关推荐

最新文章

热门文章