Googleホームページをデザインする方法.

だから、Googleはどのように別の色では非常にシンプルなロジックですデザインされて疑問に思っている.
まず、あなたのHTMLに「div」を置くid of googleHome .

<div id="googleHome"></div>

インサイドdiv Pタグを開き、次のコードを書き込みます

  <span style='color: blue'>G</span>
  <span style='color: red'>o</span>
  <span style='color: yellow'>o</span>
  <span style='color: blue'>g</span>
  <span style='color: green'>l</span>
  <span style='color: red'>e</span>
</p>
<input type="search" name="searchBox"><br>
<p>
<button>google search</button>
<button>I'm Feeling Lucky</button>
<br><br>
Google offered in: <a>Hausa</a> <a>Igbo</a> 
<a>Èdè Yorùbá</a> <a>Nigerian Pidgin</a>
</p> 

今CSSにホップし、次のコードを入力する必要があります

span{font-size:44px;}
body{text-align:center;}
input{width: 40vw;
height: 9vh;
border-radius: 45px 44px 44px 44px;
font-size:34px;}
button{margin: 11px;
height: 5vh;
background: #fff;
border: #eee 1px solid;
text-align:center;
border-radius:11px 0px 0px 0px }
a{color: blue;}
googleHome{
margin-top:15vh;}
}

信じられない!Googleホームページを作ります.これは以下の通りです.
link .
をお楽しみくださいコーディング!