foto html - css     . Border - Border-transparant

Omschrijving   Voorbeeld

Ook met dit kan je natuurlijk heel veel veranderen.

Ik heb er voor de duidelijkheid even een foto achter gedaan zodat je kan zien dat de border trasparant is.

 
.

In de css

#lightbox {
background-color: white;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
border: 20px solid rgba(0,0,0,0.3);
padding: 30px;
width: 250px;
text-align: center;
position: absolute;
top: 200px;
left: 750px;
font-size:17px;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;

Tussen de bodytags

<div id="lightbox">
<h1>Transparant border</h1>
</div&gt

end
terug
home