简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

css3_html/css_WEB-ITnoseで綺麗なボタンを作りましょう

WBOY
リリース： 2016-06-24 11:48:16
オリジナル
1096 人が閲覧しました

特徴:

1. 丸みを帯びた境界線の境界線

2. ボタンにはシャドウ ボックスのシャドウがあります

4. テキストには上向きのシャドウ テキストがあります

5. ボタンの背景色は上から下へのグラデーション効果があります

6. クリック後に明らかな下押し効果があります

グラデーションがあるときに背景色が使用される理由ブラウザがグラデーション属性をサポートしていない場合、背景色が表示され、立体感がありません:

もちろん、怠け者は http://css3button.net/ を使用して css3 を生成できます。ボタン:

フォント サイズを変更すると、ボタンのサイズも変更されます

関連ラベル：
css3制作一个漂亮的按钮
ソース：php.cn
前の記事：css+div_html/css_WEB-ITnose でコンテンツのオーバーフローを解決する方法 次の記事：ページオンラインコンサルテーションの実装方法 Framework_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
consolelog に正しい値があるにもかかわらず、PHP AJAX が動的に更新されない ボタンをクリックして $_POST['category'] を更新しようとしています。ここの他の複数のページで読んだように、これを達成するためにAJAXを（初めて）使用しようとして...
から 2024-04-02 17:50:59
0
1
396
React で配列を不変に更新してローカル ストレージに保存するにはどうすればよいですか? レシピアプリを作っています。ユーザーがレシピをお気に入りリストに追加できるようにしたいと考えています。 3 つの React コンポーネントが含まれます。レシピをお気に入りやお気に...
から 2024-04-02 09:51:18
0
1
296
ボタンをアクティブにするとホバー効果が誤動作する 私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました...
から 2024-04-01 21:51:26
0
1
396
PATCH リクエスト リンクを使用して VueJS で MongoDB 製品フィールドを編集する これは単純な質問かもしれませんが、何らかの理由で理解できません:(。私は MongoDB、NestJS、および VueJS を使用して、MongoDB データベースにさまざまな製品...
から 2024-03-31 23:05:12
0
1
339
HTML、CSS、SVG を使用してスケーラブルな標識を作成する 道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラ...
から 2024-03-31 14:45:14
0
1
294
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！