WEBサイト制作で調べたことのメモ
投稿日：
このページのもくじ
デフォルトは左寄せになっています。
（１）画像をブロック要素として囲む。
ブロック要素= div・p・ul・li・dl など
ブロック要素に幅（width）を指定して画像に「margin-left: auto;」を指定
<HTML>
|
1 |
<div class="box"><img src="../jpg" alt="test" class="img-right"></div> |
<CSS>
|
1 2 |
.box {width: 700px;} .right {margin-left: auto;} |
＜デモ＞
◎右寄せのCSS設定
執筆者：kobato
関連記事
このページのもくじ 背景画像を複数重ねるならボックスの重なりは「z-index」 背景画像を複数重ねるなら CSS3 より、要素に複数の背景を適用できるようになりました。 複数の背景は、最初に指定した …
今からレスポンシブサイトを作る時のメディアクエリとブレイクポイント【2017年度版】
新しくサイトを作ることになった。 もちろん、レスポンシブ対応で。 そこで改めて、ブレイクポイントを考えてみことにした。 Googleでは「モバイルファースト」を推奨している。さらに「モバイルファースト …
サイトを構築していて、特定のh2だけにクラスを指定して、見た目を変えたいときにどのように設定すればいいのか、わからなかったので調べてみた。 誤： .article h2 .title 正： .arti …
フロート解除の指定方法 ＜ＣＳＳ＞
|
1 2 3 4 5 |
.clearfix:after { content:" "; display:block; clear:both; } |
＜ＨＴＭＬ＞
|
1 |
<div class=“clarifix”> </div> |
cl …
このページのもくじ 画像の上に文字を重ねる囲んだ要素の高さがなくなる！ 画像の上に文字を重ねる 配置した画像の上に文字を重ねたいとき、CSSだけでできちゃいます！ 下になるアイテムに「position …
2019/11/12
MacのApp Storeからインストールしたアプリを削除する方法
2019/11/11
2019/11/08
2019/11/06
WPプラグイン「Crayon Syntax Highlighter」のテーマ一覧
