Home > Web Front-end > HTML Tutorial > CSS基础学习十六:CSS盒子模型补充之border-radius属性_html/css_WEB-ITnose

CSS基础学习十六:CSS盒子模型补充之border-radius属性_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:33:10
Original
1416 people have browsed it

       CSS盒子模型有很多的内容和属性,CSS也一直在更新和新增属性,今天我们来说说CSS3新增的盒子模型中的

边框中的内容,也就是border-radius属性。

       border-radius属性设置元素的边框添加圆角,其实没有边框也可以添加圆角效果。但是要是显示出来,就必须增

加背景色或者边框。

      可能的值:xpx;圆角是xpx,半径为xpx的四分之一圆。

      语法格式为:

      border-radius:apx bpx cpx dpx;  顺时针。当a=b=c=d,写为:border-radius:apx;

      这样看起来很抽象,还是拿例子来说明

      实例一:没有边框,有背景色的div,给其增加边框圆角属性

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>CSS婕</title>
Copy after login
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template