代码如下:
<!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实现p圆角 - css3教程 - 计划 - 博客园</title> <meta name=" key words" 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> <p id="yuanjiao">
本实例是css3实现p圆角。实现圆角的css3代码句是： border-radius: 20px; 。需使用支持css3的浏览器运行,例如新版的chrome、火狐，或者ie9。ie6、7、8不支持。
脚本之家css3教程
94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
效果图(chrome)：
实际效果（请使用支持css3的浏览器）：
本实例是css3实现p圆角。实现圆角的css3代码句是： border-radius: 20px; 。需使用支持css3的浏览器运行,例如新版的chrome、火狐，或者ie9。ie6、7、8不支持。
【相关推荐】
1. css3免费视频教程
2. 教你怎么去规范的书写css样式
3. 关于h5和css3表单验证的使用教程
4. 通过css3伪元素完成逐渐发光的边框的代码详解
5. css3完成图片lowpoly动画效果的过程详解
以上就是css3完成一个方框圆角效果的代码教程的详细内容。