CSSでログインフォームをつくってみる

テクノロジーカテゴリーの変更を依頼記事元:

11 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

ekranoplan94 “/* layout */body,p,form,input{margin: 0}#form{ width: 400px; margin: 30px auto; padding: 20px; border: 1px solid #555; } form p{ font-size: 14px; } .form-title{ text-align: center; } .mail,.pass{ margin-bottom: 20px; } input[type="email"],input[type="password"] { width: 300px;

2014/02/20 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

CSSでログインフォームをつくってみる

CSSでログイン画面で使われるフォームのスタイルを弄ったことが少ないのでやってみました。デザインを変... CSSでログイン画面で使われるフォームのスタイルを弄ったことが少ないのでやってみました。デザインを変えたいと思いながらも、デフォルトのまま使ってしまうことが多いコメントフォームなどのフォームのデザイン。この記事ではそのフォームのデザインを CSS ジェネレーターで簡単に作ってしまいます。ここで作ったログイン画面の完成図はこんな感じ。 CSSを使ったログインフォームの作成 HTMLとCSSでログイン画面で使われるフォームを作ってみる。 HTMLの構造は以下の通り。ここではHTML5を使ってログイフォームをつくってみる。HTMLコードは以下の通り。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>formsample</title> <link rel="stylesheet" type="tex