css - 具有圆形边缘的背景颜色

Question

我有一个模态，如下所示。

<div class="modal fade" id="myModal">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title"><b>Outage Details</b></h4>
        </div>

我正在尝试使用给定的 CSS 更改模态标题的背景颜色

.modal-header
{
    background-color : #0063C3
}

它工作正常，但颜色没有完全填充到边缘。您可以在边缘看到白色。以下截图供引用。我们怎样才能用背景颜色完全填充模态标题。

enter image description here

Answer 1

您正在寻找 rounded-0 实用程序类来删除圆 Angular ..

   <div class="modal-header rounded-0">
         <h4 class="modal-title"><b>Outage Details</b></h4>
   </div>

演示:https://www.codeply.com/go/XHvAXID48s