Guten Abend,
ich bin momentan dabei HTML und CSS zu lernen.
Ich möchte aus meiner Content Box:
dieses hier machen:
HTML (umschlossen vom wrapper):
CSS:
Ist dies mit HTML / CSS zu lösen? Muss eine eigene Grafik für die Box erstellt werden? Wenn ja, wie füge ich diese zusammen?
Der Inhalt der Box sollte links und rechts einen Abstand haben sowie ober und unterhalb des Striches. Möglichst ohne den Abstand jedes einzelnen Elementes (h1, p, ...) ändern zu müssen. Oder ist dies nur so möglich?
Mit freundlichen Grüßen
rodaN
ich bin momentan dabei HTML und CSS zu lernen.
Ich möchte aus meiner Content Box:
dieses hier machen:
HTML (umschlossen vom wrapper):
Code:
<section> <h1>Willkommen!</h1> <p>Hier entseht meine erste HTML-Seite zum lernen.</p> </section>
Code:
#wrapper { width: 1200px; margin: 0 auto; text-align: left; } section { margin: 0px 300px 48px 300px; background-color: orange; height: 600px; width: 800px; border: 1px black solid; border-radius: 40px; box-shadow: 12px 12px 10px 0 #808080; } section h1 { padding: 30px 0px 15px 35px; } section p { padding: 0px 0px 0px 35px; }
Der Inhalt der Box sollte links und rechts einen Abstand haben sowie ober und unterhalb des Striches. Möglichst ohne den Abstand jedes einzelnen Elementes (h1, p, ...) ändern zu müssen. Oder ist dies nur so möglich?
Mit freundlichen Grüßen
rodaN
Kommentar