CSSでSNSのロゴを作ろう「Facebook」

スポンサーリンク

今回は自分CSS でSNSのロゴを作ろう!ってことで「Facebook」のロゴを作って、自分のFacebookにとべるようにしてみました。

  • f
  • My
コードが下記になります!

CSS
#sikaku{
margin-left:300px;
border-radius:10%;
width:90px;
height:90px;
background: #3751a3;
list-style: none;
}
#sikaku:hover{
background: white;
}
#f{
margin:100px;
font-size:100px;
font-family:fantasy;
margin-left: -5px;
padding-top: 0px;
color:white;
}
#f:hover{
color:black;
}
.my{
font-size:20px;
margin-top:-270px;
margin-left:-35px;
fontfamily:fatasy;
color:white;
}.my:hover{
color:black;
}

 

自分だけの「Facebook」のロゴを作ってみてはいかがでしょうか??



Toshikazu Hirano

Nagasaki→Tokyo→China(Shenzhen)

1992/07/02
宮崎産まれ、長崎育ち。

前職は、東京のベンチャー企業(IT関連)で仕事をしておりその経験からホームページ作成。運営を行なっています。現在は、中国(深圳市)に住んでおりホームページの運営からYouTube動画の作成等いろいろな活動をしています。

このサイトは「プログラミングとアフィリエイト」のことをメインにいろいろな情報を発信していきます!

Toshikazu Hiranoをフォローする
CSS
スポンサーリンク
Toshikazu Hiranoをフォローする
All One's Life

コメント