コラム classリスト

基本タグ

中見出し <h2> font-size:20px; 下線が付く

小見出し <h2> font-size:18px;

テキスト <p> font-size:16px;

フォントカラー

class="black"

class="light_pink"

class="pink"

class="brown"

class="gray"

class="green"

class="blue"

class="purple"

フォントウェイト

class="bold"

フォントサイズ

class="fs12"

class="fs14"

class="fs16"

class="fs18"

class="fs20"

class="fs24"

class="fs28"

class="fs32"

テキストの配置

中央揃え class="center"

右揃え class="right"

間隔

マージン全体

class="m10" 10px

class="m20" 20px

マージントップ

class="mt0" 0px

class="mt5" 5px

class="mt10" 10px

class="mt15" 15px

class="mt20" 20px

class="mt30" 30px

class="mt40" 40px

class="mt50" 50px

その他マージン

右下左も0、5px、10px、20pxを設定 例:class="mr10",class="mb10",class="ml10"

パディング全体

class="p10" 10px

class="p20" 20px

パディングトップ

class="pt0" 0px

class="pt5" 5px

class="pt10" 10px

class="pt15" 15px

class="pt20" 20px

class="pt30" 30px

パディングボトム

class="pb0" 0px

class="pb5" 5px

class="pb10" 10px

class="pb15" 15px

class="pb20" 20px

class="pb30" 30px

その他パディング

右左も0、5px、10px、20pxを設定 例:class="pr10",class="pb10",class="pl10"

横幅

class="w20" width20%

class="w30" width30%

class="w40" width40%

class="w50" width50%

class="w80" width80%

class="w90" width90%

class="w100" width100%

実線 class="border"

上破線 class="bt_dash"

下破線 class="bb_dash"

背景色

class="bg_black"

class="bg_white"

class="bg_light_gray"

class="bg_gray"

class="bg_light_pink"

class="bg_pink"

class="bg_brown"

class="bg_yellow"

class="bg_green"

class="bg_blue"

class="bg_purple"

テンプレート

●テンプレートA ボタン[□]

センターよせの画像入れる<div>タグと<p>タグが出るだけ。画像の横幅調整は「class="w80"」などを追加

●テンプレートB ボタン[□≡]

画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。画像が左。テキストが右。

●テンプレートC ボタン[≡□]

画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。画像が右。テキストが左。

●テンプレートD ボタン[田]"

画像を4つ並べるような時に

●テンプレートE ボタン[]

未定(´・ω・`)

●テンプレートF ボタン[□□]

画像とテキストの塊が左右に分かれる感じ。スマホだと縦並び。

画像とテキストの塊が左右に分かれる感じ。スマホだと縦並び

●関連する用語 ボタン[関連用語]

関連用語用のテンプレだけど使う機会あるかなぁ(´・ω・`)

その他

リスト

  • <ul>に「class="list"」で<li>がPCのときfloat
  • <ul>に「class="list"」で<li>がPCのときfloat
  • <ul>に「class="list"」で<li>がPCのときfloat
  • <ul>に「class="list"」で<li>がPCのときfloat
  • <ul>に「class="disc"」で<li>の文頭に中黒
  • <ul>に「class="disc"」で<li>の文頭に中黒
  • <ul>に「class="disc"」で<li>の文頭に中黒
  • <ul>に「class="disc"」で<li>の文頭に中黒

これ以外に欲しいCSS、変更して欲しいCSS等あればなんぼでも追加するんでお気軽にお申し付け下さいな!

今すぐ応募・お問い合わせ 安心の女性対応

[PR]

リフレのアルバイト急募!時給3000円以上 短時間で稼げる! シフト自由・日払い、学生さん・主婦さん大歓迎!

記事ランキング

  1. 女性が出稼ぎバイトで働くメリットとデメリットについて
  2. 住み込みリゾバと出稼ぎバイト、お給料や待遇を徹底比較!
  3. 本当にそのお店で良いの?失敗しないキャバクラ店の選び方

お仕事コラム一覧

年収1000万円可能!!
男性求人はコチラ