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学习总结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圆角
原文： 兼容所有浏览器的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 圆角
css3
圆角
原创
素颜猪
2016-12-16 16:23:49
645阅读

CSS3 圆角
CSS3 圆角 一、CSS3 圆角 CSS3 圆角制作器 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。 三、CSS3 border-radius 属性 使用 CSS3 border-radius 属性，你
CSS3
圆角
css3
背景颜色
背景图片
转载
mob604756e9d3bc
2018-07-23 17:46:00
257阅读
2评论

一篇文章带你了解CSS3圆角知识
一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz-5.0 3.1 -webkit-10.5二、border-radius 属性1.  创建具有背景图的圆角CSS3中，可以使用
CSS3
转载
mb601a5e014a36c
2021-02-11 11:03:22
172阅读
2评论

让CSS3圆角兼容所有的浏览器（转）
CSS3出现以后，WEB前端的美化变得更加容易，一些原本要用图片才能实
css3
圆角
javascript
样式表
圆角矩形
转载
mb5fed440247fb5
2012-08-25 20:06:00
95阅读
2评论

一篇文章带你了解CSS3圆角知识
为元素指定圆角显示。代码如.
html
圆角
数据挖掘
原创
Python进阶者
2023-04-26 11:45:50
61阅读

一篇文章带你了解CSS3圆角知识
​一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz-5.0 3.1 -webkit-10.5二、border-radius 属性1.  创建具有背景图的圆角CSS3中，可以使
html
圆角
css3
原创
Python进阶者
2022-03-16 16:11:32
91阅读

一篇文章带你了解CSS3圆角知识
一、浏览器支持 表中的数字指定完全支持该属性的第一个浏览器版本。 数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。 属性 Chrome Firefox Safari Opera IE border-radius 5.0 4.0 -webkit- 9.0 4.0 3.0 -moz-
前端
Web开发
HTML
CSS
前端基础
原创
Python进阶者
2021-07-20 15:09:25
53阅读

关于CSS3圆角矩形的一些学习探讨
一、CSS3圆角的优点传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：　　* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。　　* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。　　* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等），背景图片会下
java
原创
学技术赢未来
2021-01-11 15:10:13
138阅读

关于CSS3圆角矩形的一些学习探讨
一、CSS3圆角的优点传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：　　* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。　　* 提高网页性能。
圆角
css3
firefox
原创
学技术赢未来
2022-03-09 11:39:00
256阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

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

让IE浏览器支持CSS3圆角属性的方法

CSS3圆角、opacity 透明度、rgba 背景色设置

CSS3 圆角边框

Bootstrap中实现圆角、圆形头像和响应式图片/css3圆角、图片阴影效果总结

CSS3实现DIV圆角

css3的圆角样式

css3实现左右锯齿效果

Css3 实现锯齿效果整理

CSS3 圆角（border-radius）

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

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