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学习总结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阅读

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

CSS3 圆角边框
iv{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */}[/code]
css3
原创
pyzheng
2023-03-21 07:58:01
142阅读

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

纯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中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius属性设置元素的外边框圆角borde
css3
圆角
圆角边框
原创
贝勒里恩
2022-09-20 10:45:45
573阅读

兼容所有浏览器的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阅读

css：css3（圆角边框、盒子阴影、文字阴影）
1、圆角边框定义圆角边框后，可以将盒子定义为圆角的（1）长度方式盒子模型外边距           div{               width: 200px;               height: 100px;               background-color: yellowgreen;               border-radius:3px;           
css
转载
mob604756fd2a33
2021-05-04 22:28:58
1569阅读
2评论

css3菜鸟教程学习笔记_CSS3 边框/圆角/盒阴影
一些最重要CSS3模块如下：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。 CSS3 边框 用 CSS3，你可...
css3
代码示例
用户界面
原创
全栈道z
2022-03-04 11:14:26
359阅读

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评论

css3 圆角
css3 圆角
css3
圆角
原创
素颜猪
2016-12-16 16:23:49
652阅读

使用css3来实现边框圆角效果
经常看到别人的网站有个边框来修饰文字区域，类似圆角矩形把文字环绕起来，特别有感觉，于是就试着用图片边框来修饰，但是用图片过多会拉慢网页的加载速度，能不能使用css3来实现边框圆角效果呢？当然border-radius要在firefox或Safari 和 Chrome才能实现W3C 很早就制订了实现了...
css3
圆角边框
moz
webkit
圆角
转载
mb5fe1900cd6223
2014-01-02 15:27:00
204阅读
2评论

CSS3 圆角
CSS3 圆角 一、CSS3 圆角 CSS3 圆角制作器 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。 三、CSS3 border-radius 属性 使用 CSS3 border-radius 属性，你
CSS3
圆角
css3
背景颜色
背景图片
转载
mob604756e9d3bc
2018-07-23 17:46:00
257阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

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

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

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

html5圆角边框设置 html圆角边框属性

CSS3 边框

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

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