html – Possible to remove line between two borders

0
60
html - Animation after toggling doesn't apply the second style


Added Windows 95 clone window to my personal site. In the image you can see there are two divs, one thin div on top (div.title) and a larger div on the bottom (div.body). The div on the bottom has a border on the left, bottom and right (no border on top). The div on top has a border surrounding the entire element. The issue I’m having is the line between where the two borders meet. Is there a way to remove this line to give both borders a seamless look where they meet?

Windows 95 CSS Border Issue

div.title {
  height: 18px;
  width: 100%;
  background: #000080;
  color: #fff;
  border: 3px #bec2c1 solid;
}

div.body {
  padding: 13px 12px 12px;
  height: 100%;
  width: calc(100% - 34px);
  display: inline-block;
  border-bottom: 8px #bec2c1 solid;
  border-left: 8px #bec2c1 solid;
  border-right: 8px #bec2c1 solid;
}



Source link

Leave a reply

Please enter your comment!
Please enter your name here