CSS外边框

我想要能在我的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>

请注意边框是如何将底部div按下的,但是轮廓不会移动顶部div,并且轮廓实际上与底部div重叠。

您可以在这里阅读更多:
Border
Outline

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效