javascript - 是否可以输入 CSS 边框

标签 javascript html css

我现在正在制作一个网站,但遇到了一个问题。在我的 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/

相关文章:

javascript - 在 Wordpress Gutenberg 自定义 block 中显示自定义帖子类型列表

html - Bootstrap v4 中的响应式布局是将下一行推到右边

jquery - 单击事件在 Angular 5 中无法正常工作

javascript - Bootstrap 图像响应在 IE 和 Firefox 中不起作用,但在 Google Chrome 中工作正常

css - 每个CSS translateX动画之后的延迟

javascript - ajax加载器不显示

php - 如何通过基于PHONEGAP的电子商务移动应用程序访问apache服务器上的php文件?

javascript - 使用 WebAudio 合并/混合两个音频流

html - iPhone 上显示的响应式菜单出现问题(z-index?)

javascript - 在切换时旋转 Bootstrap 下拉插入符号,如果在内部单击则防止关闭