如何使用CSS

Question

首先，我不擅长英语。对不起T.T ;;

我想制作一个框like this，它有两种颜色的边框。我一直试图使用CSS border-color来制作它，但我无法实现它。我希望对此有任何想法。

我不希望有重复的div。我只想使用CSS。

如何使用CSS设计？请T.T ;;

这是我到目前为止所做的：

＆＃13;

＆＃13;

#box{
	margin-top:10px;
	width: 950px;
	height:100px;
	border:5px solid #f3f3f3;
	padding: 5px;
}

＆＃13;

<div id="box">

</div>

＆＃13;

＆＃13;

＆＃13;

Regards,

Answer 1

您正在寻找的是CSS3 box-shadow。

#box{
margin-top:10px;
width: 950px;
height:100px;
border:5px solid #f3f3f3;
padding: 5px;
box-shadow: 0px 0px 0px 2px #ddd;
}

<div id="box">
</div>

当你为x偏移和y偏移应用box-shadow 0px值时，你会得到所有四边的阴影。此外，模糊的值为0px，最终看起来像是两种颜色的边框。