easytem さん プロフィール

  •  
easytemさん: 見える化テンプレート 簡単カスタマイズ
ハンドル名easytem さん
ブログタイトル見える化テンプレート 簡単カスタマイズ
ブログURLhttp://fanblogs.jp/easytem/
サイト紹介文idとclass の位置さえ分かってしまえばカスタマイズは簡単です。テンプレートを見える化しました。
参加カテゴリー
更新頻度(1年)情報提供69回 / 12日(平均40.3回/週) - 参加 2018/06/09 00:53

easytem さんのブログ記事

  • border-radius(円)
  • width:300px;height:300px;◆border-radiusで四隅の角を丸くする◆個別指定border-top-left-radius:150px;左上の角を半径150pxの円弧で丸めるborder-top-right-radius:150px;右上の角を半径150pxの円弧で丸めるborder-bottom-right-radius:150px;右下の角を半径150pxの円弧で丸めるborder-bottom-left-radius:150px;左下の角を半径150pxの円弧で丸める◆一括指定border-radius:150px;左上=右上=右下=左下=半径150pxborder-radi [続きを読む]
  • border
  • soliddoubledotteddashedgrooveridgeinsetoutset◆一括指定(順不同でいい) border:5px solid #000000;  ・枠線の太さ、種類、色◆個別指定(全部書かなくてもいい) border-top:5px solid #000000;  ・上だけ指定 border-right:5px solid #000000;  ・右だけ指定 border-bottom:5px solid #000000;  ・下だけ指定 border-left:5px solid #000000;  ・左だけ指定 [続きを読む]
  • paddingとmargin
  • margin:10px;padding:10px;内div margin:10px;外div padding:10px;内外2つのdivの隙間は20px内div margin:10px;外div padding:20px;内外2つのdivの隙間は30px◆paddingとmargin は合計される [続きを読む]
  • padding 〜 内側の余白
  • margin:10px;padding:10px;margin:10px;padding:0px;margin:10px;padding:20px;◆一括指定(どの書き方でもいい) padding:10px; ・上下左右10px padding:10px 20px; ・上下10px、左右20px padding:10px 20px 30px; ・上10px、左右20px、下30px padding:10px 20px 30px 40px; ・上10px、右20px、下30px、左40px◆個別指定(全部書かなくてもいい) padding-top:10px; ・上だけ10px padding-right:20px; ・右だけ20px  [続きを読む]
  • margin 〜 外側の余白
  • margin:10px;padding:10px;margin:30px;padding:10px;margin:10px;padding:10px;margin:30px;padding:10px;上下2つのdivの隙間は30px◆margin同士は大きい方が適用される◆一括指定(どの書き方でもいい) margin:10px; ・上下左右10px margin:10px 20px; ・上下10px、左右20px margin:10px 20px 30px; ・上10px、左右20px、下30px margin:10px 20px 30px 40px; ・上10px、右20px、下30px、左40px◆個別指定(全部書かなく [続きを読む]