51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课
免费课
排行榜
短视频
直播课
软考学堂
全部课程
软考
信创认证
华为认证
厂商认证
IT技术
PMP项目管理
免费题库
在线学习
文章
资源
问答
课堂
专栏
直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
51CTO博客
首页
关注
排行榜
精品课程
免费资料
软考题库
科目全、试题精、讲解专业，扫码免费刷
搜索历史
清空
热门搜索
查看【
】的结果
写文章
创作中心
登录
注册
css border-radius
51CTO博客
>
热门标签
>
css border-radius
全部内容
精选文章
免费资料
代码库
标签简介
时间
热度
默认
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。
免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。
免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价
免费试学
css
中
border-radius
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
html
css
原创
陈业贵的博客
2021-11-16 16:06:21
170
阅读
border-radius
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>118-边框圆角</title> <style> *{ margin: 0; padding: 0; } .father{ width: 200
圆角
html
JavaScript
原创
陈业贵的博客
2021-11-16 16:02:55
175
阅读
border-radius
border-radius
语法：
border-radius
：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]? 默认值：看每个独立属性 适用于：所有元素 继承性：无 动画性：看每个独立属性直线电机滑台
圆角
取值
默认值
圆角边框
技术
转载
mob60475701b76f
2019-12-13 16:58:00
397
阅读
2
评论
border-radius
讲解_
border-radius
实际应用2
一：
border-radius
只有一个取值时，四个角具有相同的圆角设置，其效果是一致的： .demo {
border-radius
: 10px; } 其等价于： .demo{
border
-top-left-
radius
: 10px;
border
-top-right-
radius
: 10px;
取值
圆角
firefox
safari
转载
mob604756fd2a33
2014-11-20 18:02:00
158
阅读
2
评论
border-radius
详解_
border-radius
使用详解1
如今
CSS
3中的
border-radius
出现后，让我们没有那么多的烦恼了，首先制作圆角图片的时间是省了，而且其还有多个优点：其一减少网站的维护的工作量，少了对图片的更新制作，代码的替换等等;其二、提高网站的性能，少了对图片进行http的请求，网页的载入速度将变快；其三增加视觉美观性。既然borde
border-radius详解
border-radius讲解
圆角
css3
取值
转载
mb5fed73533dfa9
2014-11-20 17:13:00
265
阅读
2
评论
CSS
3 圆角（
border-radius
）
CSS
3 圆角（
border-radius
）前缀例1例2：无边框书写顺序其它支持性值：半径的长度前缀-moz(例如 -moz-
border
-
radius
)用于Firefox-webkit(例如：-webkit-
border
-
radius
)用于Safari和Chrome。例1<div id="round"></div> #round { padding:10px; w
radius
css3
圆角
转载
精选
brokenjoin
2014-03-17 15:09:18
462
阅读
CSS
的圆角属性（
border-radius
）
圆角属性在前端的应用范围较广，在高级感的塑形上必不可少。下面就跟我一起了解圆角属性的具体语法、应用、及注意事项。
html
css
原创
爱抽软玉溪
2024-04-22 16:14:23
268
阅读
CSS
3 圆角（
border-radius
）
CSS
3 圆角（
border-radius
） 前缀例1例2：无边框书写顺序其它支持性值：半径
Web
Chrome
无边框
原创
mb64216b23e45d0
2023-03-31 11:52:06
111
阅读
CSS
3详解：
border-radius
讲到
css
3的
border-radius
这个玩意，可以很好玩。比如：圆角矩形，圆，椭圆等等。
CSS
3
border-radius
是什么？
border-radius
的含义是：圆角。
CSS
3
border-radius
的书写格式：
border-radius
:apx，比较常见，其中a表示数值，下同； -webkit-
border
-top-left-
radius
:apx，类似
.NET
IT
C#
WEB
MVC
Jquery
转载
精选
gkvalley
2011-03-07 22:31:30
287
阅读
CSS
3 圆角（
border-radius
）
前缀-moz(例如 -moz-
border
-
radius
)用于Firefox-webkit(例如：-webkit-
border
-
radius
)用于Safari和Chrome。例1#round { padding:10p
3c
chrome
safari
firefox
html
转载
chisj
2021-08-17 16:17:02
203
阅读
CSS
3之
Border-radius
1、属性介绍
border-radius
：none|12.3px，取值不可为负数，表示边框圆角 相关属性：
border
-top-right-
radius
, ...
html
不兼容
圆角
chrome
css3
转载
mb5fdb0f93c5ca2
2014-02-22 21:35:00
233
阅读
2
评论
CSS
3边框
border-radius
一、官方解释设置或检索对象使用圆角边框。提供2个参数，2个参数以“/”分隔，每个参数允许设置1~4个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数。水平半径：如果提供全部四个参数值，将按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的顺序作用于四个角。如果只提供一个，将用于全部的
CSS
CSS3
原创
除除zz
2017-07-12 10:03:36
802
阅读
CSS
3 边框
border-radius
一、官方解释设置或检索对象使用圆角边框。提供2个参数，2个参数以“/”分隔，每个参数允许设置14个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数。水平半径：如果提供全部四个参数值，将按上左(topleft)、上右(topright)、下右(bottomright)、下左(bottomleft)的顺序作用于四个角。如果只提供一个，将用于全部的于四个角。
.net
html
圆角边框
超链接
原创
除除zz
2021-11-18 23:19:15
377
阅读
css
的
border-radius
注意点
<!DOCTYPE html><html><head> <title></title> <style typ
圆角
html
css
原创
陈业贵的博客
2021-11-16 16:06:36
148
阅读
CSS
3
Border
中的
border-radius
1、
CSS
3
Border
中的
border-radius
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <sty
html
css
3c
firefox
阴影效果
转载
mb5fdcad0be2e90
2012-01-11 11:19:00
231
阅读
2
评论
CSS
3之
border-radius
圆角
CSS
3之
border-radius
圆角 DIV盒子圆角 图片圆角,
CSS
3样式实现盒子对象圆角、图片圆角效果。divcss3
border-radius
圆角样式教程篇。一、
css
3单词与语法结构 - TOP1、DIVCSS3圆角单词：
border
-
radius
2、语法结构div{
border-radius
:5px}设置DIV对象盒子四个角5像素圆角...
css
原创
码农编程进阶笔记
2021-07-05 13:35:15
209
阅读
css
当
border-radius
遇上有厚度的
border
css
html
转载
朝阳39
2022-07-12 16:33:40
135
阅读
CSS
word-break和
border-radius
语法:word-break: normal|break-all|keep-all; 例如：*{ margin:0; padding:0; word-break:break-all;} 效果图： 语法:
border-radius
: 1-4 l
5e
原创
mb6448bf9aabb9d
2023-04-26 14:40:47
71
阅读
详解：22
border-radius
核心：记住，如果只写一个的话，代表四个角都变化记住：如果写两个的话。代表左上角与右下角一样，右上角与左下角一样记住：如果三个值的话，代表左上角 右上角 左下角如果四个值的话，代表顺时针，从左上角----右上角—右下角—左下角记住：
border
-top-left-
radius
: 80px 40px;这样的，都是上下然后左右的写的时候勒，80px是水平，然后是40px垂直<...
html
顺时针
css
HTML/CSS
原创
陈业贵的博客
2021-11-16 17:00:11
142
阅读
CSS
3的圆角
Border-radius
dient和RGBA的用法，今天我们在一起来看看
CSS
3中制作圆角的属性
border-radius
的具体用法。在
CSS
2中，大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四
css3
css
圆角Border-radius
圆角
取值
转载
mb638413918930b
2022-11-28 19:31:25
131
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
[CSS 3] Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius
圆角(border-radius)样式
border-radius 如何计算
border-radius实例1
CSS3详解：border-radius 比如：圆…
css3中的圆角border-radius
0020 圆角边框(CSS3)：border-radius
CSS3边框 圆角效果 border-radius
无涯教程-CSS3 - border-radius属性
【CSS】深入了解圆角属性border-radius
相关搜索
全部
border-radius
border-radius css
css border-radius
css border-radius 圆形
css border-radius 圆角
css border-radius兼容
css 设置border-radius
css属性border-radius
ie css border-radius
jquery border-radius
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
