No.4ベストアンサー
- 回答日時:
こんな感じでしょうか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
font-family:'メイリオ', 'Meiryo','MS ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.btn--orange,
a.btn--orange {
color: #fff;
background-color: #3498DB;
}
/* */
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;/*rem算出をしやすくするために*/
}
.btn,
a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff;
border-radius: 0.5rem;
}
</style>
</head>
<body>
<a href="" class="btn btn--orange">文章<br>改行可能</a>
</body>
</html>
No.3
- 回答日時:
toufu-mental さん
・・・・フチなしの青い枠(窓)がありますが、
この枠(窓)のHTMLを教えてくれませんか?・・・・・・・
例えば。↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0; height: 100vh; background-color: #fff;
display: flex; justify-content: center; align-items: center;
}
</style>
</head>
<body>
<div style="width:300px; height: 60px; border:solid 200px #3498DB; background: #fff;"></div>
</body>
</html>
ご丁寧な回答ありがとうございます。
ちょっとイメージが違いました。
質問の説明不足で申し訳ありませんでした。
このお礼蘭の右下にあるピンク色の
「♡お礼を確認する」ボタンの
ようなものです。
テキスト文字が長ければそれに応じて
枠も長くなる?
ピンクでも青でも構いませんけど、
というつもりの質問でした。
No.2
- 回答日時:
こんばんは
>フチなしの青い枠(窓)がありますが
「フチなし」と「青い枠」ってどちらがお求めのものなのでしょうね。
また、お使いの用語がよくわからないのですが、「窓」というのはINPUT要素のことでしょうか?
とりあえず、「青い枠のついた入力用のテキストボックス」と解釈しました。
お手軽にやるなら、こんな感じでしょうか。
<input type=text" style="border:2px solid blue;">
※ フォーカスした際の挙動が、ブラウザによって異なる可能性がありますけれど。
回答ありがとうございます。
質問の説明不足で申し訳ありませんでした。
回答いただいたコードは青い枠(罫線)のみでしたが、
例えばこの右下にピンク色の「♡お礼を確認する」
のようなもので、青色の場合のコードです。
(ちなみにピンクでも構いませんが)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelの関数について質問です! 2 2023/06/08 13:54
- 日用品・生活雑貨 こういう時計、どこで売っていますか? 3 2022/05/14 16:43
- Illustrator(イラストレーター) プロパティパネルを元に戻せますか 3 2022/05/07 16:44
- DIY・エクステリア 窓用エアコンの取付枠の高さが足りなかった 5 2022/07/17 14:14
- エアコン・クーラー・冷暖房機 コイズミの古い窓用エアコンの取り付け方を教えて下さい! 延長取付枠を外した後、もともとどうやって下の 2 2022/05/28 17:55
- DIY・エクステリア 窓寒さ対策 断熱性 9 2022/12/09 17:04
- ガスコンロ・IHクッキングヒーター・給湯器 IHのプレート外が熱い 2 2022/11/03 19:55
- リフォーム・リノベーション ALC鉄骨造のマンションの外壁塗装についてですが、 2 2022/10/07 16:23
- リフォーム・リノベーション 内窓の重さ 2 2023/05/25 11:20
- その他(プログラミング・Web制作) LINEアプリの開発について。オブジェクトの名前が教えてください 1 2023/02/23 09:31
このQ&Aを見た人はこんなQ&Aも見ています
-
「環境が人を育てる」って本当?環境によって人格や生き方は本当に変わるのか
環境が人生に与える影響は実際どれほどのものなのか、専門家の田宮由美さんに伺った。
-
列のどこをクリックしてもソートできるようにするには
HTML・CSS
-
かっこいいウェブを作るテク
HTML・CSS
-
プログラミング言語の制作方法について
C言語・C++・C#
-
-
4
CSSでつくったメニューのアニメーションがうまく動かない・変えたい
HTML・CSS
-
5
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
6
JavaScriptで作ったアプリが正常に動作しない。改善したい。
JavaScript
-
7
PHPでのパスワード制限のセキュリティはどうなのか
PHP
-
8
HTML入門でもう躓いてしまった。
HTML・CSS
-
9
【至急】C言語の問題です、どなたか分かる方いませんか? 以下のコードは配列abcdeをbodesにず
C言語・C++・C#
-
10
C言語 解答について。
C言語・C++・C#
-
11
c#のTLS1.2での通信について
C言語・C++・C#
-
12
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
HTML・CSS
-
13
C# でソフト開発をした事のある人がC++を学習することになればかなり早く言語を身につけられる可能性
C言語・C++・C#
-
14
C言語について。
C言語・C++・C#
-
15
バッファリングについて。
C言語・C++・C#
-
16
無料でホームページを作成したいのです。 その方法を教えてください。
ホームページ作成・プログラミング
-
17
次のhtml・cssでspan内の文字を点滅させるには、どのようにしたらよいのでしょうか。
Java
-
18
擬似コード
C言語・C++・C#
-
19
大学のプログラミングの授業で課題としてProcessingでアニメーションを作らなければならないです
その他(プログラミング・Web制作)
-
20
ぱいソン
Ruby
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
勝手にログアウトされてしまい...
-
VBAでHTTPログイン
-
windows統合認証とform認証の併用
-
ASP.NETで作成されたログインペ...
-
教えてgooログインについて
-
PHPからWindowsログインユーザ...
-
Global.asaについて
-
ログインフラグがわかりません。
-
セッション管理について(同時...
-
VBAで一時中断したプログラムの...
-
コネクション・セッション・ト...
-
DataGridViewのチェックボック...
-
複数選択のListBoxでClickイベ...
-
VBのこのコードの意味を教えて...
-
C# ボタンを押すとyahooのサイ...
-
c# 文字列の最後から1文字削除...
-
asp.NET初心者です。「 ’Contex...
-
Accessの画面更新を一時的に停...
-
HTMLボタンの文字色を変え...
-
【VB6】 変数1 = 変数1 Or $H2
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PHPからWindowsログインユーザ...
-
VBAでHTTPログイン
-
セッション管理について(同時...
-
戻るボタンで、ログイン中を維...
-
ログインフラグがわかりません。
-
フォーム認証でのパスワードロック
-
特定の端末からのみWebシステム...
-
ユーザー環境変数の一覧
-
PWを入れると別のページに飛ん...
-
【php】会員登録ログイン時シス...
-
ASP.NET MVC 最初からあるログ...
-
PHPで作成するログイン画面の作...
-
MAC版DW8 ログインパスワードの...
-
複数のヤフーIDの画面ウィンド...
-
ログイン履歴
-
セレニウムで自動ログインする方法
-
DFDの書き方について
-
PHPでログイン機能実装
-
Windows認証でDBにアクセスでき...
-
ログイン状態が切れないように...
おすすめ情報
皆様ありがとうございました。
質問が分かりにくかった点は申し訳ありませんでした。