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

CSS3圆角边框
CSS3圆角边框实例：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3圆角边框</title> <style>  div{ text-align:center; border:2px&nbsp
CSS3圆角边框
原创
dingzhaoqiang
2015-10-15 14:25:33
786阅读

css3圆角代码
div+css3普通圆角代码示例<style type="text/css"> #round { width:200px; height:100px; margin:0px auto; border: 5px solid #000; border-radius:15px; } </style> <div id="round"></div> 以上代码可直接复制到HTML文件中运行。 运行后的效果图 div+css3普通无边框圆角代码示例 <style type="text/css"&
html
圆角
代码示例
div+css
css
转载
mb5ff982de32716
2013-06-20 19:58:00
196阅读
2评论

CSS3圆角属性详解
border-radius圆角圆形，border-radius制作圆角有两点技巧。-元素的宽度和高度相同。-圆角的半径值为元素宽度或宽度的一半或者直接设置圆角半径值为50%。2.半圆，border-radius制作半圆与制作圆形的方法是一样的，只是元素的宽度与圆角方位要配合一致，不同的宽度和高度比例，以及圆角方位，可以制作上半圆、下半圆、左半圆和右半圆效果。扇形，border-radius制作扇形
CSS3
圆角
属性详解
原创
wx5b83bfb2a52d1
2018-10-03 13:11:47
1268阅读

5.3 CSS3圆角、阴影、rgba
CSS3圆角 设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px; 同时分别设置四个角： border-radius:30px 60px 120px 150px; 设置四个圆角相同：border-radius:50%; CSS3阴影 box-s
前端
圆角
css3
css
颜色值
原创
shift0ogg
2021-08-05 17:28:57
273阅读

ios 设置css3圆角失效 css设置圆角样式
CSS 圆角CSS 圆角通过 CSS border-radius 属性，可以实现任何元素的“圆角”样式。 CSS border-radius 属性定义元素角的半径。 提示：您可以使用此属性为元素添加圆角带有指定背景颜色的元素的圆角：带边框元素的圆角：带有背景图像的元素的圆角：提示：border-radius 属性实际上是以下属性的简写属性：border-top-left-radius border
ios 设置css3圆角失效
css
html
背景图
CSS
转载
小蝌蚪
2024-02-17 09:36:17
111阅读

CSS3圆角详解第一辑
有很多人都知道圆角怎么写，加一个border-radius就可以，但是对于用圆角的一些细节却并不是很清楚，那么我们今天就来聊一聊这个圆角。CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。 一．CSS3圆角的优点在没有出现圆角属性之前，传统的制作圆角的方式就是拜托美
圆角
css3
顺时针
h5前端
样式表
转载
mb5fdb1365b75a0
2020-05-06 13:10:00
123阅读

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

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学习总结2--CSS3圆角边框
绘制一个圆角边框的示例.div{ border: solid 5px blue; border-radius: 20px; -moz-border-radius:20px; -o-border-radius: 20px; -webkit-border-radius:20px; backg...
圆角边框
圆角
css3
背景色
原创
wg_FBhEBGaB
2021-07-30 14:53:37
348阅读

纯css下拉菜单，支持CSS3圆角
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "://.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://.w3.org/1999/xhtml"> <head
html
css
hive
xml
3c
转载
mb5fdb0a6739180
2010-07-20 18:03:00
153阅读
2评论

让IE支持CSS3圆角的方法
IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析，只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种，下面介绍一种实用的让IE支持CSS 3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角：　　1、下载一个压缩包，里面有一个微软的脚本文件(11KB)和一个用来测试服务器是否有正确的Content-Type的HTML文 件：iecs
服务器
IE浏览器
二进制
下载地址
border
转载 精选
ysee99
2015-03-23 19:30:03
402阅读

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

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

兼容所有浏览器的CSS3圆角
原文： 兼容所有浏览器的CSS3圆角译自： CSS3 rounded corners for every browser? 在各
css3
javascript
圆角
safari
chrome
转载
mb5fe55992193c7
2009-10-09 09:50:00
63阅读
2评论

漂亮的CSS3圆角按钮组合DEMO演示
蓝色 Rounded Medium Small  Button Tag绿色 Rounded Medium Small  Button Tag灰白 Rounded Medium Small  Button Tag橘红 Rounded Medium Small  Button Tag漂亮的CSS3圆角按钮组合DEMO演示.demo{width:760px; margin
css3
5e
microsoft
原创
小北[机智]
2022-09-27 21:39:05
63阅读

CSS3 经典教程系列：CSS3 圆角（border-radius）详解
CSS3
CSS3教程
CSS3 圆角
border-radius
圆角
转载
mb5fe55a455f6b0
2013-01-30 20:33:00
133阅读
2评论

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

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评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

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

认识CSS3系列--圆角属性border-radius

css3 圆角

一篇文章带你了解CSS3圆角知识

让CSS3圆角兼容所有的浏览器（转）

关于CSS3圆角矩形的一些学习探讨

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

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