タグ

CSSとhtmlに関するU1and0のブックマーク (6)

  • oukasei.com

    oukasei.com 2023 著作権. 不許複製 プライバシーポリシー

    oukasei.com
    U1and0
    U1and0 2019/07/14
    “改行・タブ・半角スペースをソースのまま表示したい場合は、pre要素を使う。”
  • float-スタイルシートリファレンス

    floatプロパティは、指定された要素を左または右に寄せて配置する際に使用します。 後に続く内容は、その反対側に回り込みます。 尚、floatプロパティは、positionプロパティで static以外の値が指定されている要素には適用されないので注意してください。 ■値 left 指定した要素を左に寄せます。後に続く内容はその右側に回り込みます。 right 指定した要素を右に寄せます。後に続く内容はその左側に回り込みます。 none 特に配置を指定しません。これが初期値です。

    U1and0
    U1and0 2019/06/16
    “ <img src="../images/img002.gif" alt="サンプル画像" style="float:right;">”
  • Bootstrapを使用するための準備 | 基本 | Bootstrap3の使い方

    Home 基 準備 Bootstrapを使用するための準備 Bootstrapを使用する方法はCDNを利用する方法とサイトからダウンロードして利用する2種類の方法があります。 どちらも共通で最低限cssjavascriptの2種類の指定が必要になります。 ご自分の用途に合わせて選択してください。 CDNを利用する方法 ダウンロードして利用する方法 CDNを利用する方法 CDNを利用し、アドレスを指定するだけで利用することが可能です。 ※CDN(Content Delivery Network)は、サーバに置かれているデータを読み込むことで利用するのでネットの繋がっていないローカル作業では利用できないので注意してください。 下記リンクのBootstrap CDNサイトに掲載のアドレスを利用することでBootstrapを利用できます。 Bootstrap CDN サイトに訪れると下記画像の

    Bootstrapを使用するための準備 | 基本 | Bootstrap3の使い方
    U1and0
    U1and0 2018/11/24
    bootstrapの基本を日本語で書いてあるサイト
  • CSS でテーブルに行番号を振る - Qiita

    リスト要素に対して番号を振りたければ list-style-type: decimal を使えば良いんですが、テーブルだとそうもいかないです。しかし行番号を振るためだけに JavaScript は使いたくない。 そういうときは CSS Counters を使います。 <table> <thead> <tr> <th></th> <th>column1</th> <th>column2</th> </tr> </thead> <tbody> <tr> <td></td> <td>foo</td> <td></td> </tr> <tr> <td></td> <td>bar</td> <td></td> </tr> <tr> <td></td> <td>baz</td> <td></td> </tr> </tbody> </table>

    CSS でテーブルに行番号を振る - Qiita
  • css tableで背景色を交互に変える方法 – いつか誰かの役に立つかもしれないweb制作屋の備忘録

    tr:nth-child(even)または、tr:nth-child(2n)で偶数行の背景色を灰色に変えられます。 html <table class="s-tbl"> <tr><th>1</th><th>見出し1</th><th>見出し2</th><th>見出し3</th><th>見出し4</th><th>見出し5</th></tr> <tr><th>2</th><td>データ1</td><td>データ2</td><td>データ3</td><td>データ4</td><td>データ5</td></tr> <tr><th>3</th><td>データ6</td><td>データ7</td><td>データ8</td><td>データ9</td><td>データ10</td></tr> <tr><th>4</th><td>データ11</td><td>データ12</td><td>データ13</td><td

  • CSS:CSSで要素を回転させる方法「transform:rotate()」 | raining

    CSSの「transform:rotate()」を使用するとテキストや画像、指定した要素を 回転させて表示することができます。 transform: rotate(10deg); rotate()には回転する角度を指定します。 下記のように「-」マイナスで指定することも可能です。 その場合は逆方向に回転して表示されます。 transform: rotate(-10deg); 要素を回転させて文字や画像を傾けて表示させたい場合などに利用できそうです。 下記にCSSの「transform:rotate()」を使用して、要素を回転させて表示した時の方法を記載します。 ■ 「transform:rotate()」の使用方法 【CSS】 <style type="text/css"> div#rotate { -moz-transform: rotate(-20deg); -webkit-trans

    CSS:CSSで要素を回転させる方法「transform:rotate()」 | raining
    U1and0
    U1and0 2016/01/06
    【CSS】 ? 1 2 3 4 5 6 7 8 9 <style type="text/css"> div#rotate { -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } </style> 【HTML】 ? 1 2 3 <div id="rotate"> test </div
  • 1