Maison > interface Web > tutoriel CSS > Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML

Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML

WBOY
Libérer: 2016-05-16 12:10:57
original
2607 Les gens l'ont consulté
De nombreux sites Web ont commencé à utiliser le style coréen pour créer des sites Web. La plupart des gens penseront à utiliser un logiciel tel que Photoshop pour obtenir de tels effets, mais s'il y a trop d'images de ce type sur la page Web. , ou ils sont grands. Parfois, cela entraînera certaines difficultés d'accès. Ici, je vais vous expliquer comment utiliser CSS pour créer un tel style. Étant donné que CSS définit uniquement les couleurs et n'utilise pas d'images, cela n'affecte fondamentalement pas la vitesse.

Ce style se caractérise par de riches changements de couleurs, une application raisonnable de l'animation Flash et une structure originale. La caractéristique la plus évidente est qu'un ruban horizontal ou vertical est souvent ajouté au tableau ou au titre. barre. La zone entourée sur l'image est comme ceci :

Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML

 
Tout d'abord, ajoutez une classe d'effet CSS à la page dans Dreamweaver MX 2004. Les paramètres spécifiques sont tels qu'indiqués dans la figure.
Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML

Après avoir cliqué sur OK, les paramètres d'effet spécifiques apparaîtront. Ouvrez la balise de bordure et effectuez les réglages comme indiqué sur la figure.
Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML

Ensuite, définissez la couleur d'arrière-plan dans la balise Background sur "#BAEE66" et ajoutez cet effet CSS au tableau auquel vous souhaitez appliquer ce style.
En appliquant cette méthode, vous pouvez créer une variété de tableaux beaux et rapides d'accès. Les images suivantes sont plusieurs styles que l'auteur a essayé de créer. Vous pouvez combiner les paramètres de bordure avec le design du tableau. variété d'effets.
Créer un logo de titre de bloc de couleur avec CSS_CSS/HTML
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal