css怎样让边框有另一张图这样的立体效果
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css怎样让边框有另一张图这样的立体效果相关的知识,希望对你有一定的参考价值。
参考技术A 你好,可以通过设置边沿颜色实现:border-bottom: solid 1.5px #333;说明:可以改变bottom表示向下,1.5px 表示他的大小,#333 是颜色,我这里设置是黑色,你可以设置你想要的。设置right,top , left , bottom表示他所在的方向。 参考技术B 可以用阴影实现:
box-shadow: 1px 1px 2px #226
但要注意浏览器必须支持css3才有效果
阴影进阶,实现更加的立体的阴影效果!
CSS 阴影的存在,让物体看上去更加有型立体。 然而,在最简单的阴影使用之上,我们可以实现更多有意思且更加立体的阴影效果。 本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。 CSS 阴影基础 CSS 中,明面上可以实现阴影的有三个属性: box-shadow - 盒阴影 te
以上是关于css怎样让边框有另一张图这样的立体效果的主要内容,如果未能解决你的问题,请参考以下文章