CSS 3实现DIV圆角效果完整代码_问答一下，轻松解决，电脑应用解决方案专家！

WD1X.COM - 问答一下，轻松解决，电脑应用解决专家

主板显卡 CPU 内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令 DOS命令 Win8

存储光存储鼠标键盘
内存维修打印机维修
WinXP Win7 Win11 Linux

硬件综合机箱电源散热器手机数码
主板维修 CPU维修键盘鼠标维修
Word教程 Excel教程 PowerPoint WPS

网络工具系统工具图像工具
数据库 javascript 服务器
PHP教程 CSS教程 XML教程

首页 > 设计学院 > 网页编程 > CSS教程 >

CSS 3实现DIV圆角效果完整代码

更新时间:2014-04-11 12:03 作者:未知点击:

代码如下:

<!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="www.wd1x.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不支持。