欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

border-radius属性如何使用

发布时间:2019-05-21  编辑:杨雨个人博客网站   点击:   

border-radius属性是CSS3中的一个简写属性,用于为边框创建(1~4个)圆角效果;基本语法:border-radius:1-4 length |%。

 

边界半径属性如何使用

CSS3 border-radius属性

作用: border-radius属性用于创建圆角

说明: border-radius属性是一个最多可指定四个border - * - radius属性的复合属性。

基本语法:

border-radius:1-4 length |%;

注意:每个半径的四个值的顺序是:。左上角,右上角,右下角,左下角如果省略左下角,右上角是相同的如果省略右下角,左上角是相同的如果省略右上角,左上角是相同的。

Css3 border-radius属性的使用示例

<!DOCTYPE Html>
<HTML>
<HEAD>
<风格> 
DIV
{
文本对齐:中心;
border:2px solid#a1a1a1;
填充:10px 40px; 
背景:#DDDDDD;
宽度:350像素;
边界半径:25px的;
-moz-边界半径:25px的; / *老的Firefox * /
保证金:100px auto;
}
</样式>
</ HEAD>
<BODY>

<div> border-radius属性允许您向元素添加圆角。</ div>

</ BODY>
</ HTML>

效果图:

1.JPG

本文地址:http://itbyc.com/web/css3/19644.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1