css矩形对角线
这个网站满好的,可以常看看
border radius什么意思
css-matic中有几个很好的写css可视化的工具

其实做css 版式布局等都可以有工具的 推举40个优秀的免费CSS工具

debugger正则表达式在线

其实是对(理论上是对全部的)html元素: 而实际 常用的是 div块, 链接a 等运用圆角矩形的样式

样式: border-radius/ border-top-left-radius左上/..可以分离设置不同的, 也可以是一样的

radius是半径, 假如radius等于div 边长的一半, 就是圆

普通: 先设置整体的border,然后再设置border-radius:

border: 1px solid ccc(这个是经典的边框灰)

border-radius: 5-10px;

在css3-matic上,还对 ff和chrome做了特殊解释:

现代扫瞄器ff,chrome和ie9+以上版本的都支持 border-radius:

在 CSS2 中添加圆角矩形需要技巧。我们必需为每个圆角用法不同的。

在 CSS3 中，创建圆角是十分简单的。

在 CSS3 中，border-radius 属性用于创建圆角：


div

{

border:2px solid;

border-radius:25px;

-moz-border-radius:25px;

}

-moz代表firefox扫瞄器私有属性

-
ms代表IE扫瞄器私有属性

-webkit代表chrome、safari私有属性

-o-表示opera

这些都是css3里面的

以-webkit开始的Webkit扫瞄器特有扩展样式

与以-moz开始的Firefox特有扩展样式相同，以-webkit开始的样式是 Webkit扫瞄器特有的，惟独Webkit扫瞄器可以解析。

比如，在Webkit扫瞄器中可以用 -webkit-border-radius实现圆角。

     

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。