Written by
watanabe
リストの一番上のborder線を消す
リストの一番上のborder線を消す方法をご紹介いたします。 通常、リストで最後の線が必要ない場合は、「 border-bottom」に線を指定して、最後のli要素にクラスを指定しボーダーを消すなどの方法が思い浮かびますが、下記のCSSのように「border-top」で実現することもできます。 12行目ではliに「margin-top: -1px;」と上に対して、1pxマイナス...
HOME > 開発者向けBLOG
Written by
watanabe
リストの一番上のborder線を消す方法をご紹介いたします。 通常、リストで最後の線が必要ない場合は、「 border-bottom」に線を指定して、最後のli要素にクラスを指定しボーダーを消すなどの方法が思い浮かびますが、下記のCSSのように「border-top」で実現することもできます。 12行目ではliに「margin-top: -1px;」と上に対して、1pxマイナス...
Written by
watanabe
リストにクラスを指定せず横幅内でぴったりと表示させる方法をご紹介いたします。 横幅が290pxのboxがあると仮定し、そのbox内のulのliを横に並ばせます。liを3つ記述し、横幅を90px、それぞれのスペース用に右マージンで10pxを指定します。この時、通常は最後のli要素に右マージン0pxなどのクラス指定をしないと、liの要素が横に並ばずに下に落ちてしまいます。 クラスの...
Written by
watanabe
CSSだけでヘッダーとフッターの位置を固定する方法をご紹介いたします。 ヘッダーとフッターは3行目の「position: fixed;」でスクロールしても位置が固定するようにし、4行目の「top: 0;」、18行目の「bottom: 0;」でそれぞれ上下に表示しています。中央表示は「width: 100%;」プロパティで実現させています。 コンテンツは「overflow: au...
Written by
watanabe
Written by
watanabe