我现在正在制作一个网站,但遇到了一个问题。在我的 CSS 代码中,我有一些社交图标留下的边框。它在我的社交内容旁边制作了一个 50 像素的框。
我可以在 50px 的边框框中输入内容吗?我想使用在字体内有图标的外部字体,并在边框框中使用它们
CSS:
google {
border-left: 50px solid #db4a39;
color: #db4a39;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
如果我无法在边框中输入内容,有人可以为我推荐其他选项吗?
最佳答案
创建一个 50 像素宽的 <div>
在当前的左边,而不是边框,是一个很好的解决方案:http://jsfiddle.net/KzMKB/
编辑:我额外的动机 <div>
在我看来,这种东西属于子元素,而不是硬塞进边界。它在语义上是合乎逻辑的,并且很容易将您想要的任何类型的内容放入<div>
中。 .
关于javascript - 是否可以输入 CSS 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15778993/