フォームの背景を透明にする

<html>
<head>
<title>フォームの背景を透明にする</title>

<STYLE type="text/css">
<!--
INPUT {
background-color:transparent;
border:1px solid #FF9900;
}

TEXTAREA {
background-color:transparent;
border:1px solid #FF9900;
}
//-->
</STYLE>

</head>

<body bgcolor="#FFFFF0">

 ・
 ・
 ・
 ・

</body>
</html>



※フォームの要素の背景を透明にします。
ページの背景色がそのままフォームの要素の背景色になります。

フォームの要素に対するスタイルを設定します。
<HEAD>〜</HEAD>内に記述します。

上記の例では、フォームの<INPUT>タグと<TEXEAREA>タグにスタイルを
設定しています。

background-color:transparent;

背景色(background-color)を透明(transparent)に設定しています。

border:1px solid #FF9900;

あわせて、枠線のスタイルも設定しています。
上記の例では、枠線の太さを 1px、枠線の種類を solid(実線)、
色を #FF9900 にしています。

ホームページ作成ガイド

© INFI

ホーム | サイトについて | サイトマップ

ホームページ作成ガイド