巧用边框设置一些效果

原创 qwguo 随笔 CSS 2523阅读 2017-06-18 18:59:04 举报

我们在做css的时候为了提高网站的效率减少服务器请求,我们可以通过css来实现一些简单的图片特效,比如说三角形,这篇文章讲解的是通过边框实现不同的效果。

首先看一下不同边框样式的效果:

html 代码

单个边框可实现的效果:

html 代码

两个边框可实现的效果:

html 代码

三个边框可实现的效果:

html 代码

边框实现效果案例:

html 代码

评论 ( 6 )
最新评论
奋斗的达达 2017-06-27 15:03:04 6F

简直是丧(gan)心(de)病(piao)狂(liang)

997050884 2017-06-23 15:15:08 5F

nb,表示基本没用过这个这个属性......

oranges 2017-06-22 10:06:57 4F

老鼠 2017-06-21 10:05:20 3F

赞一个

jie4038 2017-06-19 15:45:10 2F

实用的总结

她让我换网名 2017-06-19 10:03:53 1F

厉害了