51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

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

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

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

CSS3的圆角Border-radius
dient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中，大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四
css3
css
圆角Border-radius
圆角
取值
转载
mb638413918930b
2022-11-28 19:31:25
131阅读

shape ring progress圆角 圆角border
圆角边框一、border-radius属性简介   为元素添加圆角边框，可以对元素的四个角进行圆角设置（属性不具有继承性）二、border-radius定义方法border-radius属性有两种定义方法：border-radius可以一次性对四个角设置相同的值(简写属性)，也可对4个角分别设置圆角样式(单独属设性置)。（一）单独属性设置border-radius：同时设置四个边框的圆角
圆角
html
属性设置
转载
mob6454cc73e9a6
2024-04-29 21:32:11
151阅读

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

progressbar改变圆角 border圆角
一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS border圆角生成技术。好了，裹脚布的话就不说了，直接进入正题。二、CSS
progressbar改变圆角
css
css3
实例
圆角
转载
jiecho
2024-08-21 10:46:40
43阅读

0020 圆角边框(CSS3)：border-radius
语法： 其中每一个值可以为 数值或 百分比 的形式。 技巧： 让一个正方形 变成圆圈 ~~~ border radius: 50%; ~~~ 以上效果图矩形的圆角， 就不要用 百分比了，因为百分比会是表示高度和宽度的一半。 而我们这里矩形就只用 用 高度的一半就好了。精确单位。
html
圆角
转载
mob60475707d572
2019-12-31 17:54:00
162阅读
2评论

CSS3边框 圆角效果 border-radius
border-radius是向元素添加圆角边框 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 5px 5px 5px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-
css3
html
圆角
css
ooc
转载
mb5fdb0f7347f48
2017-08-09 23:43:00
324阅读
2评论

【CSS】深入了解圆角属性border-radius
是 CSS 中的一个非常有用的属性，它允许你创建具有圆角边框的元素。这个属性可以应用于一个元素的四个角，或者分别应用于级技巧。
css
前端
圆角
斜杠
顺时针
原创
我的代码呢
2024-06-26 16:06:45
81阅读

CSS【详解】边框 border，边框-圆角 border-radius，边框-填充 border-image，轮廓 outline
template > < div class = " border-dashed " > 1:1的虚线 </ div > </ template > < style scoped > .border-dashed {< template > < div class = " border-d
css
圆角
php
原创 精选
朝阳39
2024-07-15 14:55:05
3416阅读

ItemDecoration 圆角 border-radius圆角边框
实现原理： 纯CSS方式实现圆角框的原理在网络上已经有很多人详细解说了，下面这个示意图是我将其中的一个圆角进行放大后的效果。从上面效果图中我们可以看到其实这种圆角框是靠一个个容器堆砌而成的，每一个容器的宽度不同，这个宽度是由margin外边距来实现的，如：margin:0 5px;就是左右两侧的外边距5像素，从上到下有5条线，其外边距分别为5px，3px，2px，1px，依次递减。因此根据这个原
ItemDecoration 圆角
圆角
背景色
类名
转载
mob64ca140ce312
3月前
408阅读

CSS border三角、圆角图形生成技术简介
一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS border圆角生成技术。好了，裹脚布的话就不说了，直接进入正题。二、CSS border生成三角技术简介效果抢鲜下图为使用CSS的border属性实现的三角效果：.test{width:0; height:0; border-width:20px 10px; border-
圆角
css
嵌套
firefox
背景色
转载
mob604756e72afd
2013-08-23 17:56:00
174阅读
2评论

认识CSS3系列--圆角属性border-radius
由于CSS3的标准化是分模块分阶段的，尽管目前的主流的标准浏览器对css3选择器的支持基本完全，但是对于css3的其他部分的支持不尽人意，毕竟还是个草案。圆角属性就是其一 圆角的实现可能做web的深有感触，以前一般都采用一些比较笨拙的办法，比如滑动门，什么九宫格式方法(软件设计的用到的一种方法),甚至直接一个打背景图片，所以本地支持圆角属性一直是广大web前端人员梦寐以求的事情，可以主流的浏览器
职场
休闲
border-radius
css3
推荐 原创
xcf007
2009-03-11 17:13:03
1819阅读
2评论

【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )
一、盒子模型圆角边框二、代码示例1、代码示例 - 正常矩形边框2、代码示例 - 圆形边框3、代码示例 - 圆角矩形边框4、代码示例 - 综合对比示例
css
css3
html
盒子模型
圆角矩形边框
原创
韩曙亮_
2023-05-05 11:45:00
708阅读

圆角(border-radius)样式
圆角样式示例(仅在firefox内核,safari,chrome等内核浏览器下支持)   [upload=13251,0]演示.gif[/upload]   [B]CSS3的border-radius规范[/B][OL][LI]属性： border-top-right-radius border-bottom-right-radius border-botto
职场
css
休闲
border
border-radius
转载 精选
杜斐
2011-08-15 11:30:43
533阅读

WPF 采用Border创建圆角
通过设置可以创建圆角border的CornerRadius属性其边框呈现圆角样式代码：效果图：位置说明：CornerRadius="左,右,右下,左下"提示：如过圆角处有颜色，请将外层容器的背景色设置为透明Background="Transparent" ...
圆角
背景色
转载
mb5fe9480084e7c
2015-09-18 08:07:00
880阅读
2评论

css：border-radius绘制边框圆角-全圆和椭圆
【代码】css：border-radius绘制边框圆角-全圆和椭圆。
css
前端
html
github
原创
彭世瑜
2022-10-16 00:00:06
512阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

CSS3属性之圆角效果——border-radius属性

CSS3 经典教程系列：CSS3 圆角（border-radius）详解

CSS边框border

[css] border 渐变

java gui 圆角的Border 按钮

CSS 圆角

WPF border圆角CornerRadius的绑定

CSS——圆角

圆形progressbar圆角 圆角css

Css之border属性

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

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