arrow_upward
closeサイドバー無
ラベル layout の投稿を表示しています。 すべての投稿を表示

スクロールバーの設定

このページでの基本設定は下記内容となっています。★★★の部分にoverflow:hidden;等を入れてください。 <div class="ov…

Read More >>

schedule2019年4月25日(木曜日) | |

配色パターン

画像はフォントを使って作りました。センスがないのでなかなか増えそうにありません。 マウスを当てると色コードが表示されます。 トリコロール 背景:#FFFFFF(白…

Read More >>

schedule2019年3月22日(金曜日) |

鉛筆っぽいデザイン

別のサイト用に作っていた分です。 アイコンは Material Icons 表示しています。 そのため、必要なければ、.arrow a::afterのあたりは不要…

Read More >>

schedule2018年1月08日(月曜日) |

高さの調整

中身がある場合では高さが自動的に変更しますが、中身が小さい場合、真ん中のsectionだけ大きくして、全体を100%表示したいというときの処理です。説明がう…

Read More >>

schedule2017年10月28日(土曜日) | |

グレーカラーコード

#FFFFFF #EEEEEE #F9F9F9 #E9E9E9 #999999 #F8F8F8 #E8E8E8 #888888 #F7F7F7 #E7E7E7 #777777 #F…

Read More >>

schedule2017年10月22日(日曜日) |

display

display:値 display:block ブロック要素にする。 ブロック要素:p、h1(見出し)、divなど display:inline インライン要素にする。 …

Read More >>

schedule2017年5月25日(木曜日) | |

背景固定

background-attachment:値; fixed スクロールと一緒に動く。 背景一部固定 body{ background-image:url(背…

Read More >>

schedule2017年5月25日(木曜日) | |

角丸

サンプル border-radius:50%;

Read More >>

schedule2017年5月25日(木曜日) | |

画面中央表示

tableであれば[vertical-align: middle;]で中央表示が出来るということで、displayを使用してhtml、bodyをtable、t…

Read More >>

schedule2017年5月25日(木曜日) | |

float

divを並べるときなどに使用します。 親:overflow:hidden; 先に設定 後で設定 <div style="border:sol…

Read More >>

schedule2017年5月25日(木曜日) | |

罫線

基盤となる罫線の種類です。 solid サンプル border:solid 3px #6eaa69 double サンプル border:do…

Read More >>

schedule2017年5月25日(木曜日) | |

指定要素の外側の余白(margin)

個別で指定する .samples{ margin-top:値; /* 上側の指定 */ margin-left:値; /* 左側の指定 */ marg…

Read More >>

schedule2017年5月19日(金曜日) | |