圆角边框的css属性是什么

hzc
Lepaskan: 2020-06-12 15:16:15
asal
10435 orang telah melayarinya

圆角边框的css属性是什么

圆角边框的css属性是什么:

1.圆角边框简介

就是通过border-radius属性对元素的四个角进行设置{属性不具有继承性}。

border-radius有四个属性分别是top,left,right,bottom,可以进行设置像素。也可以直接设置一个值四边都是相等的。

    Document  
Salin selepas log masuk

1748308-20190815233038718-991773263.png

也可以同时设置两个值border-radius: 50px 99px;对应的分别是上下是50px,左右是99px。 也可以设置三个值按顺时针设置border-radius: 50px 99px 40px;其中的上面是50px,左面右面是99px,底边是40px。

2.也可以使用border-radius:r来设置圆形这里的r是指半径的大小(有长度单位),要创建圆形应该设置r的值为元素的高度和长度的一半。当高宽相等时这种取值的方法就是圆形改变宽和高就朝着椭圆形发展了。

    Document  
Salin selepas log masuk

圆形:

1.png

椭圆形;

推荐教程: 《css教程

Atas ialah kandungan terperinci 圆角边框的css属性是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!