网页设计的边框圆角（网页设计中边框样式怎么设置）

本文目录一览：

• 1、css圆角的尺寸是多少?

css圆角的尺寸是多少?

用CSS来做圆角的话是使用 box-radius属性，比如四个角都是半径5像素的圆角： box-radius：5px；这时CSS3的属性，只有IE火狐、chrome、safari等现代浏览器才识别。鼠标经过变色也是使用css的hover伪类实现 a：hover { color：red； } 这句话的意思是，鼠标经过a链接的时候文字颜色变成红色。

CSS圆角矩形可以使用 Border-radius 属性即可实现。Border-radius 属性相关定义功能及其案例：对浏览器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。定义和用法：border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。

用curvyCorners就可以轻松解决这个问题的。

这个意思是在firefox里面给元素的左上角定义一个4px的圆角。-moz-是浏览器的选择符，说明这个样式只在mozilla，也就是firefox浏览器下面生效。border-radius-是圆角边的意思，topleft指的是左上角，如果是topright就是右上角，以此类推。4px；指的是这个圆角的半径。

CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。