Home/ Questions/Q 6252573
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T13:49:47+00:00

Here is a jsfiddle of my html/css: http://jsfiddle.net/S8Bne/49/ In the the top header, as

  • 0

Here is a jsfiddle of my html/css: http://jsfiddle.net/S8Bne/49/

In the the top header, as you can see, there are solid black borders around each th.

I only want to draw a border around the outside of the th group. How can I accomplish this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s one way using :first-child and :last-child pseudo selectors

    .geniusPicks table tr#picksHeading th {background:darkRed; color:white; font-weight:bold; border-top:solid 1px #000; border-bottom:solid 1px #000;}
.geniusPicks table tr#picksHeading th:first-child {border-left:solid 1px #000;}
.geniusPicks table tr#picksHeading th:last-child {border-right:solid 1px #000;}

    jsfiddle

    • 0