扫码关注官方订阅号
人生最曼妙的风景，竟是内心的淡定与从容！
一个正方形p，圆角设置为它高度的1/2，那么就变成圆了。border-radius是可以分别设置四个角的假设border-radius-topleft = 10px
那么左上的圆角的弧度其实就是以10px为半径的圆 的1/4弧度 好吧，我没说清楚，留楼下解释
高的一半，你不知道直接用F12调试不就知道了吗
width: 100px; height: 20px; border-radius: 10px; background: #fff;
给高度的一半就行了，如果要是动态的，并不知道p的高度，就给个大点的值，比如p的高度是100px，宽度是300px，那border-radius设为50px就行，或者给100px也是这个效果
border-radius: 值为height的一半
<p style="border-radius: 18px;border: 2px solid #E1880A; width: 200px;padding: 5px;">28达人推荐</p>
只要大于等于高度的一半就行，如果不知道高度，可以设大一点
border-raduis:和高度一样
border-radius: height/2 px
对半，1/4圆弧的半径就是border-radius
一般就是图形的高度/2, 就是这种饱满圆弧
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
10
382
收藏
一个正方形p，圆角设置为它高度的1/2，那么就变成圆了。
border-radius是可以分别设置四个角的
假设border-radius-topleft = 10px
高的一半，你不知道直接用F12调试不就知道了吗
给高度的一半就行了，如果要是动态的，并不知道p的高度，就给个大点的值，比如p的高度是100px，宽度是300px，那border-radius设为50px就行，或者给100px也是这个效果
border-radius: 值为height的一半
<p style="border-radius: 18px;border: 2px solid #E1880A; width: 200px;padding: 5px;">28达人推荐</p>
只要大于等于高度的一半就行，如果不知道高度，可以设大一点
border-raduis:和高度一样
border-radius: height/2 px
对半，1/4圆弧的半径就是border-radius
一般就是图形的高度/2, 就是这种饱满圆弧