boder-radius属性

border-radius:是css3里面锐化边框效果的属性，跟border属性类似，它是个简写的属性。拿一个矩形来说，有四个角可以锐化，分别对应的属性如下，可以单独使用border-radius来控制，也可以分开控制四个角的锐化效果：

[border-top-left-radius]

[border-top-right-radius]

[border-bottom-right-radius]

[border-bottom-left-radius]

说明：

举个例子，拿bor-top-left-radius来说:提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数

如设置border-top-left-radius:5px 10px;表示top-left这个角的水平圆角半径为5px，垂直圆角半径为10px。

示例如图：

可以看到每个角都有圆角的锐化效果，且top-left方向的水平半径比垂直半径要大很多，下面是具体的代码，

html代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>border-radius</title>
</head><body><div id="two">死而已四百余年，而弟子志之不倦。今游侠，其行虽不轨于正义，然其言必信，其行必果，已诺必诚，不爱其躯，赴士之厄困，既已存亡死生矣，而不矜其能。羞伐其德。盖亦有足多者焉。
</div>
</body>
</html>

css代码：

<style>#two{width:100px;border:1px solid #369;border-radius:5px;border-top-left-radius:20px 5px;
}
</style>

boder-radius属性相关推荐

(1)定义一个Circle类，包含一个double型的radius属性代表圆的半径，一个 findArea()方法返回圆的面积。（2）定义一个类PassObject，在类中定义一个方法printA
(1)定义一个 Circle 类,包含一个 double 型的 radius 属性代表圆的半径,一个 findArea() 方法返回圆的面积. ( 2 )定义一个类 PassObject ,在类中 ...
如何使用CSS3 Border Radius属性
With CSS3, you can give any element "rounded corners" by using the border-radius property. ...
1.QML语法、属性和元素
QML是一种声明性语言,用于描述应用程序的用户界面.QML可以将用户界面分解,也可以将界面元素组合为组件. QML描述了这些用户界面元素的外观和行为. 支持JavaScript来丰富此用户界面描述,以 ...
TACACS +和RADIUS比较
介绍 TACACS+ and RADIUS是两种用来控制接入网络的两种安全协议.The RADIUS 在 RFC 2865 中描述,Cisco 对两种协议都提供良好的支持.比较两种协议的目的不是为了让 ...
[转]RFC 2866 RADIUS Accounting －中文翻译
原文RFC 2866 http://www.faqs.org/rfcs/rfc2866.html ------------------------------------------ Network ...
AAA及RADIUS/HWTACACS协议简介
AAA及RADIUS/HWTACACS协议简介 AAA简介AAA是Authentication,Authorization and Accounting(认证.授权和计费)的简称,它提供了一个对认证. ...
Android Studio Shape属性(上)
Shape属性:改变控件外观的显示 Solid属性: Solid用于指定视图内部填充的颜色,该标签包含andrioid:color属性指定了填充的具体颜色 Corners属性: corners子标签用 ...
select属性标签
android shape的使用 shape用于设定形状,可以在selector,layout等里面使用,有6个子标签,各属性如下: <?xml version="1.0" ...
RADIUS报文内容
RADIUS报文格式 RADIUS(Remote Authentication Dial In User Service)远程用户拨号认证系统,是目前应用最广泛的AAA协议. RADIUS是一种分布式 ...
Radius协议讲解
目录 AAA介绍 AAA的基本架构 AAA的认证授权计费方式 AAA通过本地和远端实现的大致流程 Radius协议 Radius架构 Radius报文结构 Radius如何对用户进行认证 Radi ...

boder-radius属性

boder-radius属性相关推荐

最新文章

热门文章