zono note

zono note

日々の学び、気付きを大切に綴りたい

css boxをキレイに整列する

css

>IHTMLI
～

フレーム
PUSH



テーブル・デスク
PUSH



チェア・ソアー
PUSH



バフェ・サイドボード・テレビ台・チェスト・ドレッサー
PUSH


カップボード・キャビネット・ブックケース・ビューロー
PUSH



ワードロープ・サイドバイサイド・ベッド・その他家具
PUSH



ショップフィッティングス・什器
PUSH



オブジェ・地球儀ー
PUSH



時計・絵・壁掛け
PUSH



ミラー・額縁・フレーム
PUSH



収納・ラック・ランドリーボックス
PUSH



キャラクター・動物・ぬいぐるみ・TOY
PUSH



小物雑貨・灰皿・温度計・貯金箱・その他
PUSH



乗り物・カート・ストリート
PUSH



マグ・グラス・食器・キッチン
PUSH



アドバタイジング・看板
PUSH





クッション・布・生地・ラグ
PUSH



アクセサリー・小物（バッジ・タイピン・ワッペン）
PUSH



ライト・エレクトロニクス
PUSH



工業系・メタル・オイル缶・ツールBOX・工具
PUSH



ウッドBOX・木箱・トランク
PUSH


古材・建材・金物・部品
PUSH


ガーデニング・農作物・アウトドア
PUSH
～
II

css ボタンの作成

『ボタンを１つ作成』

ボタン
f:id:zonozonox:20200413090447p:plain

コード
f:id:zonozonox:20200413090522p:plain

『追加でボタンをもう一つ作成』

ボタン
f:id:zonozonox:20200413093722p:plain

コード
f:id:zonozonox:20200413093917p:plain


【作成イメージ】

①　


　　箱を作成　
②　

　　テキスト作成

③　


箱を作成
④　

　　テキスト作成

【ポジション】
　position: absolute;
　　left: 25px;
　　 top: 50%;

　position: relative
　　

Photoshop　スライスで画像切り抜き

①スライスで切り出したい画像を選択
f:id:zonozonox:20200408203331p:plain

②webに画像を保存を選択

③jpegで保存
f:id:zonozonox:20200408203542p:plain

④設定：カスタマイズ　　スライス：ユーザー設定
f:id:zonozonox:20200408203928p:plain

⑤スライスした画像が全て切り出しされる
f:id:zonozonox:20200408204037p:plain

以上