clynx: titlebar

Beitrag lesen

Hallo ich habe folgendes Problem ich möchte gerne eine Titlebar die wie folgt aussieht erstellen.

http://inozumi.net/edge/uploads/orig00000190.png

Mit einem Rahmen rund um die Box und in der box selbst
oben ein dünner heller Bereich und der darunterliegende Bereich dunkle, sodass die Box eher wie ein Button aussieht.

Naja ... ungetestet einfach mal so runtergetippt würde ich sagen folgende Kombination aus HTML und CSS hilft Dir da:

Einfach ein Div um ein P Element legen, und das mit CSS Formatieren

HTML:
<div class="button">
 <p>....</p>
</div>

CSS:
.button {
 border: 2px solid #000000;
}
.button p {
 border-top: 2px solid #c2c2c2;
 border-left: 2px solid #c2c2c2;
 background-color: #a0a0a0;
 padding: 0px;
 margin: 0px;
}

Zusammensetzen mußt Du es noch selber ;o)

Lieben Gruss

clynx