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
阅读
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
评论
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
阅读
CSS
的
圆角属性（
border-radius
）
圆角属性在前端
的
应用范围较广，在高级感
的
塑形上必不可少。下面就跟我一起了解圆角属性
的
具体语法、应用、及注意事项。
html
css
原创
爱抽软玉溪
2024-04-22 16:14:23
268
阅读
border-radius
border-radius
语法：
border-radius
：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]? 默认值：看每个独立属性 适用于：所有元素 继承性：无 动画性：看每个独立属性直线电机滑台
圆角
取值
默认值
圆角边框
技术
转载
mob60475701b76f
2019-12-13 16:58:00
397
阅读
2
评论
css
的
border-radius
注意点
<!DOCTYPE html><html><head> <title></title> <style typ
圆角
html
css
原创
陈业贵的博客
2021-11-16 16:06:36
148
阅读
css
3
中
的
圆角
border-radius
css
3
的
属性应该加上浏览器前缀不同
的
浏览器内核不同，因此
css
的
前缀不同。常见
的
几种浏览器内核火狐浏览器 Geoko内核 前缀是 -mox-谷歌浏览器， Webkit内核 前缀是 -wekbit-IE浏览器 Trident内核 前缀是 -ms-opera浏览器 Presto内核 前缀是 -o-文字描边 <styl
圆角
微信
浏览器内核
原创
朦胧淡月
2022-10-23 00:51:22
149
阅读
1
评论
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
3 圆角（
border-radius
）
CSS
3 圆角（
border-radius
） 前缀例1例2：无边框书写顺序其它支持性值：半径
Web
Chrome
无边框
原创
mb64216b23e45d0
2023-03-31 11:52:06
111
阅读
css
当
border-radius
遇上有厚度
的
border
css
html
转载
朝阳39
2022-07-12 16:33:40
135
阅读
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
3
的
圆角
Border-radius
dient和RGBA
的
用法，今天我们在一起来看看
CSS
3
中
制作圆角
的
属性
border-radius
的
具体用法。在
CSS
2
中
，大家都碰到过圆角
的
制作。当时，对于圆角
的
制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多
的
就是在需要圆角
的
元素标签中加四
css3
css
圆角Border-radius
圆角
取值
转载
mb638413918930b
2022-11-28 19:31:25
131
阅读
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
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
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
详解：22 border-radius
[CSS 3] Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius
圆角(border-radius)样式
border-radius 如何计算
border-radius实例1
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
css属性border-radius
ie css border-radius
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
