タグ

ブックマーク / qiita.com/nnishimura (1)

  • CSSで斜めのボーダーをつくる - Qiita

    .button{ background: repeating-linear-gradient(45deg, #145e99, #145e99 10px, #088eb6 10px, #088eb6 20px); } サイズ指定の意味はこんな感じ。0px~10pxが濃い青(#145e99)で、10px~20pxを薄い青(#088eb6)で指定している。 45degを90degや180degにすると、ボーダーの向きを変えることができる。 ボーダーが1pxの場合/間隔がずれる場合 下のようにずれる場合は、%とbackground-sizeでボーダーの間隔を指定する。 (正)

    CSSで斜めのボーダーをつくる - Qiita
  • 1