ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する

CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する

WBOY
WBOYオリジナル
2016-05-16 12:10:572610ブラウズ
多くの Web サイトが韓国スタイルを使用して Web サイトを構築し始めています ほとんどの人は、このような効果を実現するために Photoshop などのソフトウェアを使用することを考えるでしょうが、Web ページ上にそのような写真が多すぎる場合は、 、またはサイズが大きい場合は、アクセスに特定の困難が生じることがあります。ここではCSSを使ってそのようなスタイルを作成する方法を説明します。CSSは色を定義するだけで画像を使用しないため、基本的に速度には影響しません。

このスタイルは、豊富な色の変化、Flash アニメーションの合理的な適用、斬新な構造が特徴であり、最も顕著な特徴は、表やタイトルに水平または垂直のリボンが追加されることが多いことです。写真の丸で囲んだ部分は次のようになります。

CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する


まず、Dreamweaver MX 2004 のページに CSS エフェクトクラスを追加します。具体的な設定は図のとおりです。
CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する

[OK] をクリックすると、具体的な効果の設定がポップアップ表示され、図のように設定します。
CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する

次に、Background タグの背景色を「#BAEE66」に設定し、このスタイルを適用するテーブルにこの CSS 効果を追加します。
この方法を応用すると、美しくてアクセスしやすいさまざまなテーブルを作成できます。以下の写真は、著者が作成しようとしたいくつかのスタイルです。テーブルのデザインと境界線の設定を組み合わせて、さまざまなテーブルを作成できます。効果。
CSS_CSS/HTMLでカラーブロックのタイトルロゴを作成する
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。