CSS边框只在角落 [英] CSS Border on Corners Only

查看:113
本文介绍了CSS边框只在角落的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

角球边界效应结果
结果
能'T似乎找到了如何实现使用CSS这种效果的任何帮助。

Corner Border Effect

Can't seem to find any help on how to achieve this effect using CSS.

推荐答案

我认为,你也可以做到这一点通过创建一个圆角矩形,使用Photoshop等任何图片编辑器则使这个形象作为背景,你正试图使边界,然后让这个图像是在有位置绝对和拥有的z-index适合,可以一个div什么透明填充超过部分,你想给这样的效果,而不会影响显示器

i think that you can also achieve that by create a rounded rectangle shape with a transparent fill using any picture editor like photoshop then make this image as background for what you are trying to make border to then let this image be in a div that have position absolute and have z-index suitable that can be over the part you want to give this effect without affecting the display

由于简单地边界半径不兼容与所有旧的浏览器,并在新的浏览器这必须以多种形式使用,以便能够与Safari浏览器,歌剧,即浏览器,Mozilla兼容,所以我觉得用像在网站这个属性可能是从旧的浏览器访问不是非常有效!这只是我的观点:)

Because simply border-radius is not compatible with all old browsers and in new browser this must be used in many forms so that can be compatible with safari , opera, ie,chrome ,mozilla so i think that using like this attribute in a website that may be access from old browsers is not very effictive ! This is just my point of view :)

这篇关于CSS边框只在角落的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆