html - 如何制作不同种类的边框

标签 html css border

我想要这种div上的边框,有办法吗?

border type

我尝试将图像背景放在 div 上,但无法用于响应目的:

.center-social-networks {
    background: url("http://cosmoscreativeagency.com/imagenes/linear_rectangle.png") no-repeat;
    background-size: 300px auto;
    width: 100%;
    height: 200px;
}
<div class="center-social-networks"></div>

最佳答案

尝试一下...将背景大小设置为 100% 100%

.center-social-networks {
    background: url("http://cosmoscreativeagency.com/imagenes/linear_rectangle.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 200px;
}
<div class="center-social-networks"></div>

关于html - 如何制作不同种类的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41154144/

相关文章:

html - 对象标记上方和下方不需要的空间

php - 我怎样才能得到头像旁边的两个文本?

css-float - 图像重叠 DOM 元素边框

html - 将边框放在 100% 高度和宽度的 div 中 - 右边和底部边框在外面

javascript - 具有更多图像的 Jquery 1 id 并更改所有图像宽度/高度/位置

html - 从html中获取具体内容并在Perl中打印到txt文件

JavaScript 正则表达式用于计算文本区域中主题标签的出现次数

html - 页脚在页面底部上方,而不是在页面内容的底部

html - 如何使用 Bootstrap 横向设计一个无序列表的图像?

Python-PPTX:更改表格样式或向单元格添加边框