阴影边框怎么设置(css如何设置边框阴影)

发布时间：2025-12-10 23:01:46 浏览次数：1

在css中设置边框阴影的方法:1.创建p标签;2.设置p标签宽高和边框;3.使用box-shadow属性设置边框阴影;

在css中设置边框阴影的方法

1.首先,在页面中创建一个p标签,并设置class属性;

<body>
<pclass="out"></p>
</body>

2.p标签创建好后,在css中设置p标签的宽高,并设置边框;

.out{
width:300px;
height:150px;
border:1pxsolid#BFBFBF;
margin:20pxauto;
}

3.最后,p标签样式设置好后,使用box-shadow属性即可设置边框阴影;

1).设置边框外部阴影

.out{
width:300px;
height:150px;
border:1pxsolid#BFBFBF;
margin:20pxauto;
box-shadow:0010px5px#aaa;
}

2).设置边框内部阴影

.out{
width:300px;
height:150px;
border:1pxsolid#BFBFBF;
margin:20pxauto;
box-shadow:0010px5px#aaainset;
}

综合百科