Subscribed unsubscribe Subscribe Subscribe

Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

80. 【CSS】記事の日付に背景色を入れる場合+ 注意点

 /* 日付と記事タイトル色変更 */
.date {
color: #ff830f;
    background-color:rgb(56,55,69);}
    padding-bottom:3px;
    padding-top:1px;
    margin-right:35%;
    margin-left:35%;
.entry-title {
    color: #fca859;
    background-color:rgb(56,55,69);
    padding-top:5px;
    padding-bottom:5px;
    padding-right:15px;
    padding-left:15px;
    margin-right:90px;
    margin-left:90px;
}
 

 

上記の青色部分の『margin』はスマホ*1・iPadのバランスを取るなら、「% 指定」がいいみたいですね。
まだ手探りですが、だいたい上記前後でいけそうです🌟

*1:画面:5.5インチ

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️