鶏口牛後な日々

魔法使い(なんでも作れるエンジニア)を目指してます。ブログは発散中

2018-11-14から1日間の記事一覧

CSSで縦横比(アスペクト比)を固定したい

ブロック要素で縦横比(アスペクト比)を固定したいと思いました。 結論としては、 padding-top を使うとうまくいきました。 【CSS(stylus)】 .box width 100% height auto padding-top 65% アスペクト比固定イメージ 備忘まで。

CSSで四隅に枠をつけたい

ブロックの四隅にだけ枠(border)をつけたいと思いました。 イメージは以下のような感じ。 「四隅に枠」のイメージ 最初は、途中でborderの色を変えればいいのかな? と思いました。 でも、四隅に小さい四角を用意して、 position: absolute で配置すればい…