轩枫阁

首页 / 搜索标签: 圆角

CSS3属性border-radius绘制的图形

border-radius,css3的圆角属性。但是除此会是圆角,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角按照不同的顺序和大小来展现,能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。

 

展示

1143010

把这些基本的图形进行组合,还可以描绘成不同的图案。以下只是简单的几个举例,更多的图形,自己动手画吧。仅border-radius就能实现这么丰富的图案,如果再加上边框大小、渐变颜色和阴影等,将会添加更多的质感。更多图形请参见:CSS3绘制各种图形效果

1143011
查看全文

2013/12 01  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]