Recherche chaud: crise existentielle et isolement eternuement inversé chien mange tissus liquide de citronnelle inflammable Comment Dessiner un Cobra comment dessiner le système solaire comment diagnostiquer mpoc tigre de sibérie adaptation bronchodilatateur liste
Index Loisirs Santé Technologie

Placer un DIV dans un emballage avec CSS

Publié:2014-01-20Source: général
Advertisement

Placer un DIV dans un emballage avec CSS

Les feuilles de style en cascade (CSS, par son nom anglais), DIV et emballages vont main dans la main. CSS permet de manipuler la façon dont le contenu de votre page Web est affichée, si vous travaillez avec une enveloppe (le conteneur qui encapsule le contenu d'une page Web entière) ou DIV (un conteneur qui est titulaire d'un section de votre page). L'enveloppe elle-même est une div qui agit comme un conteneur parent. Vous pouvez inclure un ou DIV multiples, chacun avec son propre style et les caractéristiques.

Niveau de difficulté:

Modérément facile

Vous avez besoin

Editeur de texte

Instructions

1 Faites glisser tags (Headline) fichier HTML HEAD vous voulez modifier.

2 Crée un wrapper pour CSS et DIV vous souhaitez insérer dans votre page Web, où "#wrapper" appliquée à l'emballage / conteneur DIV et "#header" vous insérez (comme un titre) comme suit: <style type = "text / css"> <- body {font-family: Verdana, Arial, Helvetica, sans-serif ;! #wrapper} {width: 80%; border: 1px solid black; } # {Padding-tête: 15px; text-align: center; } -> </ Style>

3 Personnalisez le style dans le code ci-dessus à votre goût. Pour créer un style pour DIV format de copie supplémentaire à "#header" et renommez.

4 Placez votre curseur juste en dessous de la balise BODY ouverte. Utilisez un "id" pour faire référence à la DIV enveloppe et vous êtes saisie, comme suit: <body> <div id = "wrapper"> <div id = "header"> Contenu de tête vont ici </ div> </ div > </ body>

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking