HTML/CSS "shadow"边框?

标签 html css border

我尝试查看 Chrome 的 Inspect Element, 但我无法在此处找到此页面 [ http://www.mousehuntgame.com/ ] 制作一个阴影 类型的边框?在中间框的两侧 [包含所有页面内容],它逐渐变成深蓝色,形成阴影效果。

我想将其用于我的网站。代码是什么?是 CSS 吗?谢谢!

最佳答案

他们正在使用图像:

(它实际上是 1px 高,为了清晰起见,我只是将它拉伸(stretch)到这里)

你可以用 CSS3's box-shadow 来做, 请在此处查看粗略示例:http://jsfiddle.net/B9Uyj/1/

要使 box-shadow 在旧版本的 IE 中工作,您可以使用 CSS3 PIE . (它已经在 IE9 中工作)

图片是这里最简单的选择。

关于HTML/CSS "shadow"边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5853162/

相关文章:

html - z-index 不适用于固定位置元素

html - Chrome 渲染层 - 创建条件?

元素周围的html动态边框

javascript - 浏览器将边界值 chop 为整数

html - 添加|到菜单中的 li 标签

android - 在 Android webview 应用程序中播放本地音频文件

javascript - 如何在 if 条件下使用实际图像更改图像大小

html - 非 IE6 浏览器中的按钮边框颜色

javascript - 如何设置 bootstrap typeahead.js 自动完成的类名

javascript - 更改提交的表单中的值和 JQuery 序列化函数