yamaguchi

HTML CSSの小技

CSSを使ってスマホ版とPC版の文章の改行箇所を変える②

<span>タグにdisplay:blockをかけることにより、PC版とスマホ版で改行箇所を変更することができる。 スマホ版で改行する例 改行したい箇所を<span>タグで囲う <p>...
HTML CSSの小技

CSSを使ってスマホ版とPC版の文章の改行箇所を変える

<br>タグにclass名を振ってあげて、display:none;display:block;を使ってあげることにより、 スマホ版、PC版で改行箇所を変更することができる。 スマホ版で改行する例 HTMLで...
HTML CSSの小技

CSSでhoverアクションをアニメーションにする

transition:0.3s; hover前のセレクタに、transitionというCSSを入れ込めば、簡単にアニメーションにできます。 プロパティー値はアニメーションの秒数を入れ込みます。 「0.3s」と入れ込めば、...
タイトルとURLをコピーしました