作業の覚え書き

Web 制作 Memo

By

CSSで画像をトリミングする

div.trim img {
position: absolute;
clip: rect(10px, 210px, 100px, 100px);   /* 右上 y,x 左下y,x */
margin-left: -100px;
margin-top: -100px;
}
div.trim {
position: relative;
width: 200px;
height: 200px;
}


<div class="content">
<div class="trim"><img src="http://studiocue.jp/note/wp-content/uploads/2013/01/015.jpg" alt="" /></div>
</div>

By

Webフォントを使うための設定

参考:日本語フリーフォントをwebフォント化する4ステップ|hirok-k.com

  1. 日本語フリーフォントを探す
  2. フォントのライセンスを確認
  3. webフォントファイルを作成
  4. CSSの指定