google検索でサイト内検索を行う時のCSS

このサイトの紹介と使い方

• menu
• CSS
• sampleCode
• /

Go

created: 2021/08/29 modified: 2021/09/14

初めに

①google検索でサイト内検索を行うHTMLのCSSクラスです。
②下記のCSSクラスは、検索窓をページの最上部に位置するように設定しています。

CSSコード

/*<--- 0601 */
.my-search-box{
  position:		absolute;
  top:			0rem;
  left:			4.4rem;
  height:		2rem;
}
input[type="text"]{
  width: 20em;
}
.my-search-btn{
  position:		absolute;
  top:			0rem;
  left:			0rem;
  height:		2rem;
  width:		4rem;
  font-size:		1rem;
  line-height:		2rem;
  color:		#fff;
  background-color:	black;
  border-radius:	0.2rem;
}
/* 0601 --->*/

メールアドレス：

お問合せ・御要望

お問合せ