软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 网页特效 > Css相关 > 纯 CSS border 用法举例之三:实现三角形图形

纯 CSS border 用法举例之三:实现三角形图形

  这是CSS Border 应用举例之三,实战一个三角形图形,其原理请参阅之前的两个小例子,再次变通一下就实现了这个三角形,思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色,只保留最上边一个三角形,当然了,如果想实现其它开口方向的三角形,其方法也是通用的。可是, IE6下不支持透明,因此这里将余下三条边的border-style设置为dashed,即可达到透明的效果。

  演示:


提示:可修改后代码再运行!

    相关阅读
    栏目导航
    推荐软件