专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

标签类目:css 三角

2016-12-13 14:16
CSS+HTML
没有评论853 阅读

用纯CSS实现的箭头《转》

标签:

用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。

基本原理

原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解:

一个梯形

当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形;

#dem[......]

Read more

2014-09-29 09:31
CSS+HTML
评论关闭3,081 阅读

纯css写三角,代码及原理

标签:

在制作如上图所示的三角形时,我们基本采用PNG或GIF图片来实现,这种形式在编写代码时较容易掌握,所以得到普遍制作者的认可。但涉及到后期优 化维护的话,就需要不断的修改图片,在图形编辑器和代码编辑器之间来回切换,这无疑是加大了工作量。所以,如果单纯利用CSS来写的话,不但可以减少网站 零碎图[......]

Read more