タグ

TIPSとcssに関するnc44v-134-nvtyqfgqのブックマーク (2)

  • HTML ソースの改行を半角スペースにしない方法

    こんな書き方があったとは。 「 HTML ソース中での改行が半角スペースとして表示される」問題。 前々から気にはなってたんだけど、気にしないふりをしていたことで、今回ふとググってみたら解決法が見付かった。教えてください!htmlソースの改行についてに書いてあったのでシェアしてみる。日付が2007年って書いてあるけど気にしないw 「 HTML ソース中での改行→半角スペース」問題 これは何かというと、 HTML ソース中でタグを複数並べることはよくあると思うんだけど、そのときにソース中の改行の部分でいらない半角スペースが表示されて、うぎゃー!ぴったし並ばずに隙間がー!な事態に陥る問題ですよと。 文字で読んでも分かりにくいので、実際に複数並べた img タグと display:inline; で並べた li タグで見てみよう。 JavaScript を無効にしてると、サンプルのスタイルが適用さ

    HTML ソースの改行を半角スペースにしない方法
  • テキストの背景色を半透明にしつつ、文字色は不透明にするCSS - スタイルシートTipsふぁくとりー

    《2017年6月25日 13:00 公開/更新》 テキストの背景色を半透明にしつつ、文字色は不透明にするCSS [CSS3,テキスト,色] スタイルシートを使って対象の要素を半透明にしたい場合(透明度を指定したい場合)はopacityプロパティを使えば良いだけです。テキストでも画像でも半透明になります。しかし「対象の要素の全体」が半透明になってしまいます。そうではなく、「背景色は半透明にして背後を少しだけ透過させたいが、文字色は不透明にしてハッキリ見えるようにしたい」という場合もあるでしょう。その場合はRGBAカラーモデルでの色指定を使うと望みの配色が作れます。 テキストの背景色を半透明にしつつ、文字色は不透明にしたい場合もある ▼背景色は半透明だが、文字色は不透明にした例 ▼背景色も文字色も合わせて半透明にした例 背景色も文字色も合わせて半透明にしたければ、opacityプロパティ 背景

    テキストの背景色を半透明にしつつ、文字色は不透明にするCSS - スタイルシートTipsふぁくとりー
  • 1