html圆角矩形边框,css3的圆角边框

　　今天想做一个圆角矩形的按钮，就直接找了圆角矩形的css实现。经过半天的工作，虽然也达到了效果，但是非常复杂，需要大量代码。后来突然想到以前的一个边框效果，也是圆角矩形，就找了出来，发现这个方法挺简单的，效果一点都不差。下面简单分享一下。

　　关键部分有注释。

　　！DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www . w3 . org/TR/HTML 4/loose . DTD

　　超文本标记语言

　　头

　　标题div CSS圆角矩形/标题

　　meta http-equiv= Content-Type Content= text/html；charset=UTF-8 /

　　style type=text/CSS 。圆形矩形{

　　高度：70px

　　100px

　　边距-顶部：100px

　　背景：# 9 BD 1 fa；//背景颜色

　　边框-10px；//边缘的宽度，如果要单独设置，可以这样：border-15px 5px 15px 5px；依次上、右、下、左。

　　边框样式：纯色；

　　边框半径：15px//圆角的大小

　　边框颜色：# 000 # 000 # 000 # 000；//边框颜色，依次为上、右、下、左。圆形矩形p{

　　边距：0px自动；

　　填充：20px

　　文本对齐：居中；

　　字体大小：20px

　　字母间距：8px

　　/html

　　Css边框有很多样式，你可以改变边框的属性来达到其他效果。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。