Question

网站新手，整体编码相当新，但也想学习。

基本上我试图做的事实上是将这个边框设置为灰色框所在的灰色，其余为蓝色。我试过谷歌搜索它，但努力找到一些描述我正在寻找的东西。

灰色区域宽200像素，从页面左侧开始大约26像素。

任何人都可以帮忙吗？提前致谢

标题代码在此处 - 灰色框是徽标图像的一部分。

 <div class="fusion-header" style="height: 91px; overflow: visible;">
        <div class="fusion-row">

    <div class="fusion-logo" data-margin-top="5px" data-margin-bottom="0px" data-margin-left="0px" data-margin-right="0px">

Answer 1

您可以使用带有边框大小的负底边距来覆盖徽标元素中的父边框。

＆＃13;

.header {
  background: #515151;
  border: 5px solid #5EDBE7;
}

.logo {
  width: 200px;
  height: 50px;
  margin: 50px auto;
  background: #5D5D5D;
  
  /* Override the container vorder */
  border-bottom: 5px solid #999;
  margin-bottom: -5px;
}

＆＃13;

<div class="header">
  <div class="logo"></div>
</div>

＆＃13;

带边框的CSS问题

1 个答案: