ログイン画面を作っているのですが、ボタンの枠の色に違和感があり(黒のような白のような)
これを操作したいと考えているのですが、どのコードをいじれば、色を変更する事
ができるのかわかりません。
ちなみに、このボタンはcss button generatorで作りました。
大変恐縮ですが、ご回答いただけると幸いです。
よろしくお願いします。
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>formsample</title> <link rel="stylesheet" type="text/css" href="桜友会.css" media="all" /> </head> <body> <div id="form"> <p class="form-title">ログイン画面</p> <form action="post"> <p>ユーザ名</p> <p class="username"><input type="text" name="username" maxlength="32" autocomplete="OFF" /></p> <p>パスワード</p> <p class="password"><input type="password" name="password" maxlength="32" autocomplete="OFF" /></p> <p class="check"><input type="checkbox" name="checkbox" />パスワードを保存</p> <p class="submit"><input type="submit" value="Enter" /></p> </form> </div> </body> </html> コード
CSS
body,p,form,input{margin: 0} #form{ width: 350px; margin: 30px auto; padding: 20px; border: 1px solid #555; } form p{ font-size: 14px; } .form-title{ font-size: 30px; text-align: center; margin-bottom: 20px; border-bottom:solid 3px #fff; } .username { margin-bottom: 20px; } .password { margin-bottom: 20px; } input[type="text"], input[type="password"] { width: 350px; padding: 4px; font-size: 14px; margin: 0 auto; } .submit{ text-align: center; } /* skin */ #form{ background:#053352; border-radius: 6px; font-family: Courier New; font-size: 20px; padding: 20px 20px 20px 20px; text-decoration: none; } .submit input { background: #8cd934; border-radius: 32px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 23px 33px 23px 33px; text-decoration: none; } .submit input:hover { background: #99fc3c; text-decoration: none; } #form{ background: #5DC8FF; -webkit-border-radius: 6; -moz-border-radius: 6; border-radius: 6px; font-family: Courier New; color: #ffffff; font-size: 20px; padding: 20px 20px 20px 20px; text-decoration: none; } コード
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。