コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > このボタンがどのように作られているかわかりますか? _html/css_WEB-ITnose

このボタンがどのように作られているかわかりますか? _html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 09:15:14
オリジナル
899 人が閲覧しました






これは通常の入力ボックスの送信ボタンです。マウスが上に移動すると、色が濃くなります。背景色や画像を変更しますか?また、角を丸くするにはどうすればよいでしょうか？時間のある人は教えてください~~このボタンはとても美しいと思います~~


ディスカッションへの返信(解決策)

<!doctype html><html lang="en"><head>	<meta charset="UTF-8">	<title>页面名称</title><style type="text/css">.ad { 	width: 70px;	height: 30px;	text-align: center;	font-size: 16px;	line-height: 30px;	color: #fff;	background-color: #279ef5;	border-radius: 5px;	cursor:default;}.ad:hover {	background-color: #0a7dd3;}.ad:active {	color: #ff0000;	background-color: #61b8f8;}</style></head><body><div class="ad">按钮</div></body></html>
ログイン後にコピー
ログイン後にコピー

<!doctype html><html lang="en"><head>	<meta charset="UTF-8">	<title>页面名称</title><style type="text/css">.ad { 	width: 70px;	height: 30px;	text-align: center;	font-size: 16px;	line-height: 30px;	color: #fff;	background-color: #279ef5;	border-radius: 5px;	cursor:default;}.ad:hover {	background-color: #0a7dd3;}.ad:active {	color: #ff0000;	background-color: #61b8f8;}</style></head><body><div class="ad">按钮</div></body></html>
ログイン後にコピー
ログイン後にコピー




うわー!あなたは素晴らしすぎます。

rreee



ありがとうございます！とても役に立ちました〜
関連ラベル：
看下这个按钮是怎么做的呢？
ソース：php.cn
前の記事：css_div ツリー メニューの展開または非表示についての質問は、js code_html/css_WEB-ITnose を参照してください。 次の記事：HTMLドキュメントproduction_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
Index.html と Index.php をロードするように Apache を設定するにはどうすればよいですか? ここに私の疑問があります。次の構造があります: root/index.html root/api/index.php 私は組み込みのphpサーバーを使用してコーディングしたため、p...
から 2024-04-05 09:27:53
0
1
3505
クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか? ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください...
から 2024-04-04 11:21:03
0
1
3580
CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。 現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素...
から 2024-04-03 18:48:12
0
1
281
ファイル/結果を HTML でダウンロードできるようにする方法 このリポジトリをチェックアウトするようにお願いします: https://github.com/imsikka/ArtGallery ダウンロード ボタンを使用して結果をダウンロード...
から 2024-04-03 13:15:55
0
1
403
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート