Css 如何给边框添加阴影_Css

Css 如何给边框添加阴影

css

Css 如何给边框添加阴影,css,Css,如何给边框添加阴影 css代码： p{ border-right:2px solid black; line-height:4em } 现在可以给这个边框添加阴影了吗？可以使用框阴影 p{ border-right:2px solid black; line-height:4em; box-shadow: 10px 10px 5px #000000; } 一般示例 p{ 边框：2个虚线#000； -网络工具包盒阴影：10px 10px 5px 0px rgb

如何给边框添加阴影

css代码：

p{
  border-right:2px solid black;
  line-height:4em
}

现在可以给这个边框添加阴影了吗？

可以使用

框阴影
p{
    border-right:2px solid black;
    line-height:4em;
    box-shadow: 10px 10px 5px #000000;
}

一般示例

p{
边框：2个虚线#000；
-网络工具包盒阴影：10px 10px 5px 0px rgba（0,0,0,0.75）；
-moz盒阴影：10px 10px 5px 0px rgba（0,0,0,0.75）；
盒影：10px 10px 5px 0px rgba（0,0,0,0.75）；
宽度：100px；
}
一些内容
只需添加框阴影
属性，如下所示

p{
右边框：2倍纯黑；
线高：4em；
-莫兹盒阴影：1px0红色；
-网络工具包盒阴影：1px0红色；
盒影：1px0红色；
宽度：200px；/*仅用于演示*/
}
Lorem ipsum door sit amet，Concertetur adipising elit。伊洛，福吉特
 
取决于您想要实现的阴影类型
动态生成边框并添加阴影

p{
线高：4em；
位置：相对位置；
}
p：：之后{
内容：''；
宽度：2倍；
高度：4em；
背景色：黑色；
显示：块；
位置：绝对位置；
排名：0；
右：0；
盒影：3px 3px 2px红色；
}
堆栈溢出
使用此
<!DOCTYPE html>
<html>
<head>
    <title></title>

<style type="text/css">
.shadow{
    box-shadow: 1px 2px 3px black;
}

</style>

</head>
<body>

<p class="shadow">Shadow for me</p>

</body>
</html>

无：默认值。不显示阴影
h-阴影：必需。水平阴影的位置。允许使用负值
v形阴影：必需。垂直阴影的位置。允许使用负值
模糊：可选。模糊距离
排列：可选。阴影的大小。允许使用负值。
您可以使用

p{
右边框：2倍纯黑；
线高：4em；
显示：内联块；
-网络工具包盒阴影：15px 0px 10px-10px rgba（0,0,0,0.51）；
-moz盒阴影：15px0px10px-10pxrgba（0,0,0.51）；
盒影：15px 0px 10px-10px rgba（0,0,0,0.51）；
}
Lorem ipsum dolor.

p{
线高：4em；
位置：相对位置；
}
p：：之后{
内容：''；
宽度：2倍；
高度：4em；
背景色：黑色；
显示：块；
位置：绝对位置；
排名：0；
右：0；
盒影：3px 3px 2px红色；
}
堆栈溢出您可以给元素一个阴影，但不是元素的一部分，例如，边框这是段落上的阴影。我想他想在右边框（一条线）上加一个阴影，这是段落上的阴影。我想他想在右边框（一条线）上加一个阴影。更不用说这个解决方案已经发布多次了。
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;