51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
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阅读

CSS3 Border中的border-radius
1、CSS3 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评论

CSS3-border-radius 属性
向 div 元素添加圆角边框：div{border:2px solid;border-radius:25px;}IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。
chrome
圆角边框
firefox
safari
知识
转载
mb5fe94b83e4685
2015-10-06 14:20:00
209阅读
2评论

border radius
radius，就是半径的意思。用这个属性可以很容易做出圆角效果等价于border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-left-radius:2em; 相关属性 border-top-right-radius border-bottom-rig
border radius
原创
xue_kanglu
2014-01-06 18:31:40
681阅读

css3中的圆角border-radius
css3的属性应该加上浏览器前缀不同的浏览器内核不同，因此css的前缀不同。常见的几种浏览器内核火狐浏览器 Geoko内核 前缀是 -mox-谷歌浏览器， Webkit内核 前缀是 -wekbit-IE浏览器 Trident内核 前缀是 -ms-opera浏览器 Presto内核 前缀是 -o-文字描边 <styl
圆角
微信
浏览器内核
原创
朦胧淡月
2022-10-23 00:51:22
149阅读
1评论

CSS3 圆角（border-radius）
CSS3 圆角（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] Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius
In this lesson, we dive into using CSS border-radius. We will look at how you can use it to create not only basic shapes but complex ones too. We will
css
CSS
转载
ActionTech
2020-07-03 15:27:00
116阅读
2评论

css 当border-radius遇上有厚度的border
css
html
转载
朝阳39
2022-07-12 16:33:40
135阅读

CSS3 圆角（border-radius）
CSS3 圆角（border-radius） 前缀例1例2：无边框书写顺序其它支持性值：半径
Web
Chrome
无边框
原创
mb64216b23e45d0
2023-03-31 11:52:06
111阅读

CSS3详解：border-radius
 讲到css3的border-radius这个玩意，可以很好玩。比如：圆角矩形，圆，椭圆等等。 CSS3 border-radius是什么？ border-radius的含义是：圆角。 CSS3 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阅读

CSS3 圆角（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阅读

CSS3之Border-radius
1、属性介绍 border-radius：none|12.3px，取值不可为负数，表示边框圆角 相关属性：border-top-right-radius , ...
html
不兼容
圆角
chrome
css3
转载
mb5fdb0f93c5ca2
2014-02-22 21:35:00
233阅读
2评论

CSS3边框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阅读

CSS3 边框 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阅读

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阅读

CSS3之border-radius圆角
CSS3之border-radius圆角 DIV盒子圆角 图片圆角,CSS3样式实现盒子对象圆角、图片圆角效果。divcss3 border-radius圆角样式教程篇。一、css3单词与语法结构 - TOP1、DIVCSS3圆角单词：border-radius2、语法结构div{border-radius:5px}设置DIV对象盒子四个角5像素圆角...
css
原创
码农编程进阶笔记
2021-07-05 13:35:15
209阅读

border-radius
border-radius 语法： border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]? 默认值：看每个独立属性 适用于：所有元素 继承性：无 动画性：看每个独立属性直线电机滑台
圆角
取值
默认值
圆角边框
技术
转载
mob60475701b76f
2019-12-13 16:58:00
397阅读
2评论

-webkit-border-radius和-moz-border-radius
这两个都是处理圆角效果的，但不是w3标准的。w3标准的是border-radius，-webkit-border-ra解释并渲染网页，因此，通常所谓
ide
chrome
浏览器内核
原创
TwcatL_tree
2022-09-22 11:37:55
67阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

CSS word-break和border-radius

CSS3的圆角Border-radius

border-radius讲解_border-radius 实际应用2

【css】border-image和border-radius 冤家路窄

border-radius 详解_border-radius使用详解1

CSS3详解：border-radius 比如：圆…

html5中border写法 html中border-radius

CSS3-border-radius的兼容写法大全

0020 圆角边框(CSS3)：border-radius

CSS3边框 圆角效果 border-radius

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯