htmlの入力スタイルを与える方法

-2

どうすればこの入力のようになりますか教えてください。htmlの入力スタイルを与える方法

Below is a picture

また説明で正しい選択をするとき、それはその色をどのように変化するかのコードを提供します。実際に私はラジオ入力を試みましたが、魅力的ではなかったので、上記のように入力を魅力的にするコードが必要です。私はこのコードが必要なクイズゲームを開発しています。私を助けてください！！！！！あなたが今までやっているコード

出典

2016-09-18 Rajat Jaiswal

？ – Aravind

ようこそ。 [ヘルプ]にアクセスして、この質問がトピックでない理由を確認してください。ヒント：あなたのコードを書くように私たちに依頼するのではなく、努力とコードを投稿してください – mplungjan

あなたの携帯電話の写真ですか？ –

body { 
 
    margin: 0 auto; 
 
    background: #4B57E1; 
 
    line-height: 1.5em; 
 
    } 
 
nav { 
 
    width: 100%; 
 
    height: auto; 
 
    margin: 25px auto; 
 
    } 
 
ul { 
 
    margin: 0 30px; 
 
    padding: 0; 
 
    } 
 
ul li { 
 
    list-style: none; 
 
    display: block; 
 
    margin-bottom: 10px; 
 
    width: 250px; 
 
    } 
 
ul li a { 
 
    display: block; 
 
    padding: 10px 10px; 
 
    color: #7886A0; 
 
    background: #E8FDFE; 
 
    font-size: 16px; 
 
    font-family: "Arial"; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    }

<html> 
 
    <body> 
 
    <nav> 
 
     <ul> 
 
     <li><a href="">top</a></li> 
 
     <li><a href="">right</a></li> 
 
     <li><a href="">bottom</a></li> 
 
     <li><a href="">left</a></li> 
 
     </ul> 
 
     </nav> 
 
    </body> 
 
    </html>

出典

2016-09-18 10:04:08 hamidrun

丸みを帯びたコーナーはどうですか？ –

使用：ul li a {border-radius：5px;} – hamidrun

htmlの入力スタイルを与える方法

答えて

関連する問題