Anfänger braucht Hilfe (einfach)! Border bei Spalte machen

[entwickler]

Hallo,
ich brauche ein wenig Hilfe:
Zustand:


Wie ich es haben möchte:


Also ich möchte um die Felder auch so eine blaue Linie machen.
Das obere Feld soll allerdings eine andere Hintergrundfarbe erhalten.

Hier mal mein CSS - Vorschlag:

Code: Alles auswählen

umrahmung {
   border-style: double;
   border-color: #C6DEFF;
}

Hier mal mein Code in der JSF - Seite:

Code: Alles auswählen

<h:panelGrid id="ausgewaehlte"
                      columns="2"
                      border="0"
                      [b]styleClass="umrahmung"[/b]>
            
            <h:outputText id="Label1" value="#{msgLv['show.nummer']}"/>
            <h:outputText id="Label2" value="#{msgLv['show.name']}"/>
            
   
            <h:outputText id="lieferantennummer" value="#{find.field1}"/>
            <h:outputText id="lieferantenname" value="#{find.field2}"/>      
            

            <h:commandButton id="change" action="/modify.xhtml" value="#{msgLv['modify.title']}"/>
            <h:commandButton id="delete" action="#{delete}" value="#{msgLv['delete.title']}" alt="delete" />                  
         </h:panelGrid>

Kann mir hier jemand bitte weiterhelfen.