html - 如何在垂直线上创建阴影效果

标签 html css shadow

我正在尝试确定是否存在用于创建阴影垂直线的 css 方法,如本例所示

enter image description here

最佳答案

Fiddle

只需使用 box-shadow 并使用它来获得最佳效果。

.line {
    border-left: 2px solid black;
    height: 100px;
    display: inline-block;
    box-shadow: 2px 0px 2px #888;
}

关于html - 如何在垂直线上创建阴影效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16021229/

相关文章:

css - 带有 CSS 的内部文本阴影

php - 将动态数据从 div 传递到同一页面上的另一个 div

javascript - 您可以使用 getBoundingClientRect 设置元素的大小吗

css - 如何选择 ID 以特定字符串开头和结尾的所有元素?

html - 具有相同 CSS 属性的表格未正确排列

css - 无法从路由加载 css

javascript - 如何根据 div id 更改链接?

javascript - JS、HTML5 - 在 Canvas 上添加文本输入值作为 fillText

ios - 如何清除UIToolbar按钮图标上的阴影?

c++ - 如何为所有者绘制对话框启用阴影