Home 
white-space CSSだけで改行
No,186 comment 0
HTMLソースに書く場合改行は<br>などと書きますが、<pre>~</pre>の中に書いた文字列はソースに書いてある通りに改行されますよね。でも借りているスペースなどでHTMLはいじれないけどCSSだけは許されている場合スタイルシートにwhite-space:preと書くと改行されるそうです。...
Read More
CSSしかいじれないBlogなどの優先順位を逆転 !important
No,189 comment 0
CSSしかいじれないBlogなどの編集でどうしても変えることができない時は、元々の優先順位が影響しているらしいのでCSSに[ !important]を追加そのスタイルを最優先にすることができるそうです。例 font-size:12px !important;しかし、連発では意味がなくなるので、最小限にとどめるほうがいいということです。...
Read More
画像だけを真ん中に
No,207 comment 0
記事を書いていると文章は左寄りにしたいが、画像だけを真ん中にしたい時があります。あらかじめ文章はtext:align:left;としてcssに img{display:block;margin:auto;}例ちなみに指定しないと下のようになる。...
Read More
画像にマウスオーバーで画像を重ねる
No,208 comment 0
cssはbox a { position: relative; } .box a:hover:after { content: url(重ねる画像.png); position: absolute; bottom: 0; left: 0; } HTMLは<div class="box"><a herf="#"><img src="表示される.jpg"></a>>は英数字小文字DEMO...
Read More
拍手ボタンの設定
No,238 comment 0
FC2blogの拍手ボタンの画像エントリーの記事の中に有るため、エントリーの画像の大きさをcssで設定するとものすごく大きくなってしまうそんな時は...
Read More
CSSのflexで中央揃えにする方法
No,239 comment 0
.container{ display: flex; justify-content: center; background: #ccc; flex-wrap: wrap;}.box{ width: 200px; margin: 10px; background-color: #66b6d5;}.box2{ width: 800px; margin: 10px; background-color: #66b6d5;}htmlは<div class="container"> < div class="box2">box2</div> < div class="box">< /div></div>demoはこちら参考にしたサイト...
Read More
スマホでオンマウスは
No,240 comment 0
ホームページを見ている人は80%位出そうですね。オンマウスはマウスが載った時のイベントですがタッチするスマホにはマウスがありません編集時<div class="yes_ontouchstart" ontouchstart="">を加えるとできるそうです。参考...
Read More
どりーみー

カテゴリー



recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

08 | 2020/09 | 10
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

Amazon

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

 

カテゴリー

recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

08 | 2020/09 | 10
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

Amazon

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク