51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

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

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

border-radius 详解_border-radius使用详解1
如今CSS3中的border-radius出现后，让我们没有那么多的烦恼了，首先制作圆角图片的时间是省了，而且其还有多个优点：其一减少网站的维护的工作量，少了对图片的更新制作，代码的替换等等;其二、提高网站的性能，少了对图片进行http的请求，网页的载入速度将变快；其三增加视觉美观性。既然borde
border-radius详解
border-radius讲解
圆角
css3
取值
转载
mb5fed73533dfa9
2014-11-20 17:13:00
225阅读
2评论

详解：22 border-radius
核心：记住，如果只写一个的话，代表四个角都变化记住：如果写两个的话。代表左上角与右下角一样，右上角与左下角一样记住：如果三个值的话，代表左上角 右上角 左下角如果四个值的话，代表顺时针，从左上角----右上角—右下角—左下角记住：border-top-left-radius: 80px 40px;这样的，都是上下然后左右的写的时候勒，80px是水平，然后是40px垂直<...
html
顺时针
css
HTML/CSS
原创
陈业贵的博客
2021-11-16 17:00:11
134阅读

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

css中border-radius
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
html
css
原创
陈业贵的博客
2021-11-16 16:06:21
159阅读

border-radius 如何计算
1.使用px: 构造四个圆，圆的半径是那个px值大小 把这四个圆放到div的四个角上去切割div 2.使用%: 如果长度和宽度一样 四个圆的半径是长度乘这个百分比得到的结果 如果长度和宽度不一样 产生的形状是宽高乘以百分数后得到的r1和r2，作为两个半径绘出的椭圆产生的弧度 用四个椭圆去切割
前端
宽高
数据库 前端 数值 编程语言
原创
wx612ef79151558
2021-09-01 16:31:29
953阅读

border-radius实例1
简单参数设置一1.html 2.css .divSmall { float: left; margi...
css
html
反斜杠
圆角
参数设置
转载
mb5fed73533dfa9
2014-11-20 18:07:00
199阅读
2评论

让IE支持border-radius
   很多时候我们需要在IE下支持一些圆角，但是又懒得去用复杂的css代码去各种拼接的话，有下面两种方面：   方案一：   我们可以采用这个htc的文件。     代码：     .test{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; ...
ie支持border-radius
css
jquery
圆角
原创
mb64981564a22e8
2023-06-26 09:34:00
140阅读

深入理解border-radius
圆角是CSS中一个很复杂的属性，彻底理解后可以创造出很多奇妙的效果，先看一个demo： See the Pen border radius by wmui (@wmui) on CodePen. 例1是正方形，例2是矩形，他们的圆角值都是50%，既然是百分比就有相对元素，其实百分比是相对于元素自身的 ...
圆角
github
宽高
内边距
css
转载
YOLO晴
2021-09-30 13:41:00
265阅读

android border-radius 圆形 扁平
## 实现Android圆形扁平边框的步骤 在Android开发中，实现一个圆形扁平边框可以通过以下步骤完成。首先，我们需要创建一个圆形形状，然后将该形状应用于一个视图，并添加边框。接下来，我将详细介绍每个步骤需要做什么，并提供相应的代码示例。 ### 步骤1: 创建一个圆形形状 要实现圆形形状，我们可以使用`shape`标签并设置`shape`属性为`oval`。创建一个名为`circle
xml
Android
代码示例
原创
mob649e81547b8f
2023-07-20 18:40:08
68阅读

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
206阅读
2评论

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

CSS的圆角属性（border-radius）
圆角属性在前端的应用范围较广，在高级感的塑形上必不可少。下面就跟我一起了解圆角属性的具体语法、应用、及注意事项。
html
css
原创
爱抽软玉溪
4月前
193阅读

Qt解决border-radius样式bug
Qt border-radius圆角bug
圆角矩形
背景色
进度条
原创
whfan
2022-09-22 15:07:53
1579阅读

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

android,border-radius:50%不圆
# 实现android,border-radius:50%不圆 ## 一、流程概述 在实现"android,border-radius:50%不圆"的效果前，我们需要了解一些基本概念和步骤。首先，我们需要了解border-radius是用来设置元素边框的圆角的属性，而50%表示圆角的半径为元素的50%。所以，实现"android,border-radius:50%不圆"的效果，可以通过以下步骤
圆角
自定义
android
原创
mob64ca12f831ae
2023-08-10 13:06:50
479阅读

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

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
193阅读
  • 1
  • 2
  • 3
  • 4
  • 5
职场话题
更多

2024软考

华为认证

K8s

数据库
相关文章

CSS3之Border-radius

css的border-radius注意点

CSS3边框border-radius

CSS3 边框 border-radius

css 当border-radius遇上有厚度的border

CSS3之border-radius圆角

CSS word-break和border-radius

border-radius IE8兼容处理

CSS3的圆角Border-radius

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

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