Ist doch eigentlich klar!
Die Leiste mit den abgerundeten Ecken musst du in 3 teile zerschneiden.
Einmal die beiden Rundungen und dann den Querbalken zwischen den rundungen.
Da du aber evtl. nicht weisst, wie breit die Tabelle sein soll, weil sie prozentual dargestellt wird, verwendest du folgenden "Trick":
Du schneidest dir nur einen 1px breiten Streifen aus der horizontalen- ist ja überall das selbe, da es eine einfache gerade linie ist!
Wenn du das nun im HTML code einfügst, erstellst du dir eben die besagte zeile mit 3 spalten.
die Rechte und Linke Spalte ist für die beiden Rundungen, die mittlere Spalte hält für die horizontale Linie her.
Hier fügst du das Bild als Hintergrundbild ein, d.h. der browser füllt dann die Zelle so oft mit dem 1px breiten element, bis sie vollständig damit ausgefüllt ist.
Wenn du nun breiter ziehst, wird die Zelle öfter gefüllt, bei schmaler entsprechend weniger oft!
Mit ein wenig Grundverständnis an HTML müsstest du das verstehen. Ansonsten vielleicht die Frage im HTML Forum diskutieren, da es mit Photoshop dann ja nimmer so viel zu tun hat!
Gruß, BSE!