PCスキルの小技・忘却防止メモ - PCスキルの小技・忘却防止メモのまとめ(wiki)

Aタグ(リンク)を画像不使用のCSSだけでボタンの確認とソース出力2

knockout.jsをベースにしています。

「#ffcc00」ってな感じで#から始まる6ケタの色コードを入力

文字色 
背景色のベース 
透明度(0で白、0.5で半透明、1で背景色)

※右のColorPickerのカラーコードを参考。
※入力すればリアルタイムに下のCSS部を書き換えます。

サンプル

CSS


htmlの基本

<a class="btnBase btnColr" href="#">てすと1</a>
PCスキルの小技・忘却防止メモ - PCスキルの小技・忘却防止メモのまとめ(wiki)
Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.