th[scope="col"] {border-bottom: 1px solid gray;} : th border « Tags « HTML / CSS

HTML / CSS » Tags » th border 
th[scope="col"] {border-bottom: 1px solid gray;}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<title>Website Graph</title>
<style type="text/css" media="screen">
body {margin: 2em 5%;}
table {border-collapse: collapse; border-spacing: 0;}
th, td {padding: 0.25em 0.75em;}

th[scope="col"] {border-bottom: 1px solid gray;}
th[scope="row"] {border-right: 1px solid gray;}


  <caption>Web traffic</caption>
      <th scope="col">Month</th>
      <th scope="col" class="hits">Pageviews</th>
      <th scope="col" class="views">Visitors</th>
      <th scope="row">January 2010</th>
      <th scope="row">February 2010</th>


Related examples in the same category
1.Set table header border to be 1px solid black, its width to 6em
2.Set table border for table header
3.Table header with border border-left: 1px solid #f4f4f4; border-bottom: solid 2px #fff; border-left: 1px solid #EDC9C9; border-bottom: 1px solid #FFF; border-left: 1px solid #fff; border: 1px solid black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CDC1A7;, tfoot td border: thin solid black;text-align: center;font-weight: bold;
14.thead th {border-bottom: 1px solid #333; text-align: center; font-weight: bold;}  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.