nighttimeblues
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12
 |  Thema: Das kleine Border 1x1 Fr Sep 27, 2013 11:50 am | |
|
DAS KLEINE BORDER 1x1
Tutorial written by Nepali. Please don't post anywhere without my permisson. Kästchen sind vielseitig nutzbar ehem. Also lass uns doch etwas Spaß mit Kästchen haben!
So kann der Code für ein normales Kästchen aussehen. Natürlich könnt ihr höhe, länge, dicke des Rahmens und seine Farbe beliebig verändern.
- Code:
-
<center> <div style="width: 400px; height: 50px; border: 2px solid #000; padding: 2px;"> Ich bin n' langweiliges Kästchen. </div> </center> So sieht dann euer stinknormales Kästchen aus:
Ich bin n' langweiliges Kästchen.
Um euer Kästchen nun etwas spannender zu gestalten ist dieser Teil des Codes wichtig:
- Code:
-
border: 2px solid #000 Ihr seht das 'solid'? Das steht dafür das der Rahmen eine ganze Linie ist.
Es gibt aber noch andere Möglichkeiten. Einfach das 'solid' ersetzen durch:
'dotted'
...schon besser.
'dashed'
...schon besser.
'double'
...schon besser.
(Hier muss border mindestens 3px sein!)
Noch mehr Spaß mit Kästchen! Was ihr noch machen könnt ist jede Seite des Kästchens beliebig zu gestalten. Ihr versteht?
Das heißt ihr definiert Border-Top, Border-Left, Border-Right und Border-Bottom, wie es euch gefällt.
- Code:
-
<center> <div style="width: 400px; height: 20px; border-top: 2px dotted #870282; border-left: 2px solid #000000; border-right: 3px double #00B053; border-bottom: 9px solid #00D2A8; padding: 2px;"> Uh, schick, schick! </div> </center> FABULOUS
Viel Spaß! |
|
Indasa
Anzahl der Beiträge : 215
Anmeldedatum : 16.06.13
Ort : Da wo du nicht bist...
| | Thema: Re: Das kleine Border 1x1 So Sep 14, 2014 2:33 pm | |
| Ich finde es total hilfreich ^^
Weißt jemand denn wie man da das scrollen einstellen kann? |
|
nighttimeblues
Anzahl der Beiträge : 113
Anmeldedatum : 22.04.12
| | Thema: Re: Das kleine Border 1x1 So Sep 14, 2014 3:02 pm | |
| Füg am Ende einfach ein "overflow : auto;" ein  Sollte klappen! |
|
Gesponserte Inhalte
| | Thema: Re: Das kleine Border 1x1 | |
| |
|
