 |
 |
|
 TOP |
 |
| WEBデザイナー養成講座 |
|
| WEBディレクター養成講座 |
|
|
|
|
 |
|
|
|
|
|
|
 |
|
【CSS TIPS】
cssのサンプルソースです。
htmlファイルに貼り付けて使ってください。
*今後もどんどん増やしていく予定です。
◇フィルター
filter: alpha( );
グラデーションの形や透明度、方向などを指定。
sample file
<html>
<head>
<title>フィルタ alpha</title>
<style type="text/css">
<!--
.alpha {
filter: alpha(style=1, opacity=0,
finishopacity=100,
startx=0, starty=0, finishx=200, finishy=200);
}
-->
</style>
</head>
<body>
<div style="font: bold 20pt sans-serif;
width: 100%;">
フィルタなし
</div>
<div style="font: bold 20pt sans-serif;
width: 100%; filter:
alpha(style=0, opacity=30);">
半透明
</div>
<div style="font: bold 20pt sans-serif; width: 10em; filter:
alpha(style=1, opacity=0, finishopacity=100);">
線形グラデーション
</div>
</body>
</html>
◇フォーム
sample file
<html>
<head>
<title>スクロールバーの色を変える</title>
<style type="text/css">
<!--
textarea {
width: 300px;
height: 7em;
scrollbar-base-color: #FF8C00;
scrollbar-arrow-color: white;
}
-->
</style>
</head>
<body>
<form>
<textarea name="name">
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
スクロールバーの色を変える
</textarea>
</form>
</body>
</html>
TOP へ→ |
|
|
 |
|
|
|
|
