この記事では、CSS を使用して半透明の背景と不透明なテキストの効果を実現する方法の例を紹介します。詳細は次のとおりです。 効果は以下のとおりです。 <!DOCTYPE html> <html> <ヘッド> <メタ文字セット="UTF-8"> <タイトル></タイトル> <スタイル> html{ 背景: #6a8db1; } .脇に{ 背景色:rgba(244,251,251,0.47); 境界線: 1px 実線 #FFFFFF; 幅: 200ピクセル; テキスト配置: 中央; 色: #FFFFFF; } .aside div{ 高さ: 55px; 下境界線: 1px 実線 #FFFFFF; 行の高さ: 55px; } .aside div フォント{ フォントの太さ: 800; } .aside div span { フォントの太さ: 800; 左マージン:18px; } </スタイル> </head> <本文> <div class="aside"> <div> <font>待合室 1</font> <span>10人</span> </div> <div> <font>待合室 1</font> <span>4人</span> </div> <div> <font>待合室 1</font> <span>12人</span> </div> <div> <font>待合室 1</font> <span>6人</span> </div> <div> <font>待合室 1</font> <span>8人</span> </div> </div> </本文> </html> パレットに応じて色を調整できます 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
<<: DockerにRedisをインストールし、設定ファイルとして起動する詳細な説明
この記事では、Linux で PHP curl 拡張機能をインストールする方法について説明します。ご...
はじめに: Web ページを作成するときに、画像をアップロードする必要がある場合がよくあります。画像...
序文CSS で水平方向と垂直方向に中央揃えする方法はたくさんあります。この記事で紹介する方法は非常に...
JavaScript ではオブジェクトを走査する順序は固定されていないと聞いたことがある人もいるかも...
Docker入門Docker は、アプリケーションをより速く配信するのに役立つオープンソースのコンテ...
ページの公開名: #wrapper - ページの外側の端が全体のレイアウト幅を制御します#conta...
データのバックアップと復元パート3の詳細は次のとおりです基本的な概念:バックアップ、現在のデータまた...
目次1. 効果2. メインコード1. 効果機能: インターフェイスから取得したデータを使用してオプシ...
元の住所: http://www.webdesignfromscratch.com/web-2.0-...
ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...
成果を達成する実装コード <h1>123WORDPRESS.COM</h1>...
CSS は、スタイル、レイアウト、プレゼンテーションの領域です。色彩、サイズ、アニメーションが溢れて...
Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。集中型ストレージを...
<area> タグは、イメージ マップ内の領域を定義します (注: イメージ マップはク...
MySQL は、ネットワーク経由だけでなく、名前付きパイプ経由でも接続できます。MySQL への接続...