何もないけどヨロシク。MENUCATEGORYコーディングWEBデザイングラフィックデザインディレクションARCHIVES202320222021202020192018【CSS】1つのタグで内側に2重のボーダーの枠を作るメモ2020年04月15日コーディング下の画像のような内側にボーダーを作るメモ。CodePen.疑似要素のafterで.box-inner-borderの中に白ボーダーの一回り小さいボックスを敷き詰めている感じ。ポイントはこれ↓がないとボックス内の要素がクリックやテキスト選択できなくなったりする。left:6px;}白線の外側のボーダー(ボーターに見えるが厳密には余白)を太くするには下の数値を調整すればOK。left:6px;//白ボーダーの外側の青ボーダーの左の部分}ストライプのボーダーの作り方と基本的な考えは同じ。【CSS】1つのタグでストライプのボーダーの枠を作るメモ一つのhtmlタグと画像を使わずにCSSだけで枠がストライプのデザインを表現したい!いろいろ調べてあるにはあるんだけど、どれもしっくり来なかったので自分で作ってみた。"...何もないけどヨロシク。Pocket2020年04月15日コーディングnanimonaiプログラム書く方が楽しいデザイナーです。デザイン事務所→フリーランス→スタートアップ入社→フリーランス(現在)。更新しないのでブログは向いてないと思いつつなんとかやってます。よければTwitterのフォローもお願いします。【CSS】Flexの小技いろいろまとめ。