CSSでWarningメッセージの表示実装 一例
2009/09/03 14:50Update
CSSを利用したWarningメッセージの実装例。
■CSSコード
■HTMLコード
■表示例
.alert {
background: #fff6bf url(bioneural/exclamation.png) center no-repeat; /* 画像 */
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
■HTMLコード
<p class="alert">Warningメッセージはここに記述します</p>
■表示例
Sponsored Link
Comments
- Relative Articles
- CSSとは - (2008/05/24 11:40)
- CSSの基本文法 － 入門 - (2008/05/24 19:05)
- CSSの基本文法 － セレクタの組み合わせ - (2008/05/24 20:24)
- CSSの利用方法 - (2008/05/24 22:02)
- CSSの利用方法 - 外部スタイルシート - (2008/05/24 22:26)
- CSSの利用方法 - 内部スタイルシート - (2008/05/24 23:38)
- CSSの利用方法 - インライン・スタイル - (2008/05/25 15:19)
- CSS基本文法 - 擬似クラスと擬似要素 - (2008/05/25 22:49)
- CSS基本文法 - CSSダイナミック・擬似クラス - (2008/05/25 23:23)
- CSS基本文法 - CSS :target擬似クラス - (2008/05/26 11:59)