我正在尝试制作一个内部白色边框和外部蓝色边框的深蓝色框。白色边框的 div 位于蓝色边框的 div 中。但我得到的只是一个深蓝色的大盒子。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Practice 2014-4-22-01</title>
<style>
#bannerDiv {
border: 2 px solid white;
background-color: darkblue;
color: white;
}
#outerDiv {
border: 2 px solid blue;
}
</style>
</head>
<body>
<div id="outerDiv">
<div id="bannerDiv">No double border :(</div>
</div>
</body>
</html>
输出:
你可以在这里看到:JSFiddle .
最佳答案
不要在单位 (px
) 前加空格。
关于html - 使用两个div的双边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23232064/