（div+css） div圆角

最新推荐文章于 2023-07-23 18:44:37 发布

在奋斗的大道

最新推荐文章于 2023-07-23 18:44:37 发布

阅读量2.7k

点赞数

分类专栏： div+css特效代码

本文链接：https://blog.csdn.net/zhouzhiwengang/article/details/40506655

版权

div+css特效代码专栏收录该内容

6 篇文章 1 订阅

订阅专栏

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

<!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.jb51.net"/> 
<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)：

在奋斗的大道

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（div+css） div圆角

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

扫一扫