ラベル layout の投稿を表示しています。 すべての投稿を表示
スクロールバーの設定
このページでの基本設定は下記内容となっています。★★★の部分にoverflow:hidden;等を入れてください。 <div class="ov…
配色パターン
画像はフォントを使って作りました。センスがないのでなかなか増えそうにありません。
マウスを当てると色コードが表示されます。 トリコロール 背景：#FFFFFF(白…
schedule2019年3月22日(金曜日)
folder_openlayout |
鉛筆っぽいデザイン
別のサイト用に作っていた分です。
アイコンは Material Icons 表示しています。
そのため、必要なければ、.arrow a::afterのあたりは不要…
schedule2018年1月08日(月曜日)
folder_openlayout |
高さの調整
中身がある場合では高さが自動的に変更しますが、中身が小さい場合、真ん中のsectionだけ大きくして、全体を100%表示したいというときの処理です。説明がう…
グレーカラーコード
#FFFFFF #EEEEEE #F9F9F9 #E9E9E9 #999999 #F8F8F8 #E8E8E8 #888888 #F7F7F7 #E7E7E7 #777777 #F…
schedule2017年10月22日(日曜日)
folder_openlayout |
display
display:値 display:block ブロック要素にする。 ブロック要素：p、h1(見出し)、divなど display:inline インライン要素にする。 …
背景固定
background-attachment:値; fixed スクロールと一緒に動く。 背景一部固定 body{
background-image:url(背…
角丸
サンプル border-radius:50%;
画面中央表示
tableであれば[vertical-align: middle;]で中央表示が出来るということで、displayを使用してhtml、bodyをtable、t…
float
divを並べるときなどに使用します。
親：overflow:hidden;
先に設定
後で設定
<div style="border:sol…
罫線
基盤となる罫線の種類です。 solid
サンプル
border:solid 3px #6eaa69 double
サンプル
border:do…
指定要素の外側の余白(margin)
個別で指定する .samples{
margin-top:値; /* 上側の指定 */
margin-left:値; /* 左側の指定 */
marg…