我想要能在我的Div的外面画一个边框!所以如果我的div是20像素,20像素,我想要一个1px的边框以外(所以本质上,我得到一个22×22像素大)。
我明白我可以让22×22的div开始,但由于原因,我需要的边界在外面。
CSS轮廓工程,但我只想要边框底部或边框顶部的东西,所以像outline-bottom,这不工作,是我想要的东西。
有没有办法做到这一点?
谢谢
解决方法
我想你已经了解了这两个属性。边框影响元素的外边缘,使元素的大小不同。大纲不会更改元素的大小或位置(不占用空间)并且超出边框。从您的描述您要使用border属性。
在浏览器中查看下面的简单示例:
<div style="height: 100px; width: 100px; background: black; color: white; outline: thick solid #00ff00">SOME TEXT HERE</div> <div style="height: 100px; width: 100px; background: black; color: white; border-left: thick solid #00ff00">SOME TEXT HERE</div>