CSS3实现DIV圆角效果完整代码


Posted in HTML / CSS onOctober 10, 2012
复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3实现DIV圆角 - CSS3教程 - 计划 - 博客园</title>
<meta name="keywords" content="3water.com"/>
<style type="text/css"> #yuanjiao{
font-family: Arial;
border: 2px solid #379082;
border-radius: 20px;
padding: 30px 30px;
width: 330px;
}</style>
</head>
<body>
<div id="yuanjiao">
本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9。IE6、7、8不支持。

三水点靠木CSS3教程

</div>
</body>
</html>

效果图(Chrome):
CSS3实现DIV圆角效果完整代码


实际效果(请使用支持CSS3的浏览器):

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9。IE6、7、8不支持。

三水点靠木CSS3教程

HTML / CSS 相关文章推荐
CSS3之多背景background使用示例
Oct 18 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
Html5新增标签与样式及让元素水平垂直居中
Jul 11 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
Jan 30 HTML / CSS
html5+css3气泡组件的实现
Nov 21 HTML / CSS
基于HTML5的齿轮动画特效
Feb 29 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
Mar 25 HTML / CSS
12个不为大家熟知的HTML5设计小技巧
Jun 02 HTML / CSS
HTML5本地存储和本地数据库实例详解
Sep 05 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 HTML / CSS
如何用H5实现好玩的2048小游戏
Jul 23 HTML / CSS
10 套华丽的CSS3 按钮小结
Oct 03 #HTML / CSS
25个CSS3动画按钮和菜单教程分享
Oct 03 #HTML / CSS
收集的22款给力的HTML5和CSS3帮助工具
Sep 14 #HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 #HTML / CSS
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
Jul 11 #HTML / CSS
CSS3中Color的一些特性介绍
May 27 #HTML / CSS
CSS3 简写animation
May 10 #HTML / CSS
You might like
php 随机排序广告的实现代码
2011/05/09 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
php-fpm配置详解
2014/02/12 PHP
php 伪静态之IIS篇
2014/06/02 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
javascript html实现网页版日历代码
2016/03/08 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
详解python配置虚拟环境
2019/04/08 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
解决Python spyder显示不全df列和行的问题
2020/04/20 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
小车司机岗位职责
2013/11/25 职场文书
孝老爱亲模范事迹
2014/01/24 职场文书
捐书活动总结
2014/05/04 职场文书
2014年维稳工作总结
2014/11/18 职场文书
辛亥革命观后感
2015/06/02 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
JUnit5常用注解的使用
2021/07/02 Java/Android