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

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

WBOY
Freigeben: 2016-06-24 11:33:10
Original
1414 Leute haben es durchsucht

       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>
Nach dem Login kopieren
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage