HTML Code

<!DOCTYPE html>



<html>



<head>



  <title>CSS border-bottom-width Override Example</title>



  <style>



    body {



      font-family: sans-serif;



      padding: 1.5rem;



      background: #f8fafc;



    }



    .tab-card {



      border: 1px solid #cbd5e1;



      border-bottom-width: 4px;



      border-bottom-color: #2563eb;



      padding: 1rem;



      border-radius: 0.5rem;



      max-width: 20rem;



      background: #fff;



    }



  </style>



</head>



<body>



  <h1>Thick Bottom Accent</h1>



  <div class="tab-card">Thick bottom accent on a card</div>



</body>



</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS border-bottom-width Property - Thick Bottom Accent