简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 12:10:57
オリジナル
2550 人が閲覧しました
多くの 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でカラーブロックのタイトルロゴを作成する
関連ラベル：
|CS|SS|S打|打造|造色|色块|块标|标题|题标|标识|识|
ソース：php.cn
前の記事：CSS式の使い方の紹介_CSS/HTML 次の記事：alt属性とtitle属性_CSS/HTML
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1732
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1887
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1600
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1511
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1548
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！