CSS实现圆角边框代码兼容IE、火狐归类.pdfVIP

CSS 实现圆角边框代码 兼容 IE 、火狐 圆角边框可以用图片实现，也可以用 CSS 实现。如果用图片做的话，就画好圆角然后设置 成背景图片。用 CSS 不需要图片，直接用代码定义颜色。用图片的话，会影响网页打开速 度，当然如果图片不大，影响也并不明显。用 CSS 不会影响网页打开速度，但是实现方法 略麻烦，要写不少代码。不好讲哪个更好哪个更差，用到各自适合的地方就行了。 这里介绍两种不用图片，直接用 CSS 实现圆角边框的方法。两种 CSS 方法原理类似，都是 在一个层上加二个或更多层， 不过这些层只有左右边线， 上边线和下边线有背景色， 都有一 定的长度差距差，从而呈现出圆角边框的效果。 方法一： CSS 样式定义，放在网页前部。绿色字是注释，红色字是可自行更改的颜色编码。 style type=text/css !--1. 定义框内背景色为蓝色 #0080FF-- div.RoundedCorner{background: #0080FF} !--2. 定义方框