mikanusagi https://blog.hatena.ne.jp/mikanusagi/ CSS HTML 初心者 勉強中。 https://csshtml.mikanusagi.com/ HTML 四角で囲みたいシリーズ、第3弾。 ちょっと装飾のついた枠をHTMLだけで表現できないか試行錯誤してみました。 もちろん、CSSとHTMLを使って表現するのが基本ではあるのでしょうけれども… 私天邪鬼なので (笑)。 枠の原型。 上にタブ、カラー枠、実線、線幅3px、まわり10px、角丸 5px その１. POINT その2. TIPS HTMLで文章を四角で囲みたい の 関連記事 基本などはこちらを参考に。 HTMLで文章を四角で囲みたい。 その１．仕組み編 HTMLで文章を四角で囲みたい。 その２．いろいろなパターン編 ※ここでは、Font Awesome のアイコンを使用しています。 ▶ … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcsshtml.mikanusagi.com%2Fentry%2F2018%2F11%2F15%2F211602" title="HTMLだけで文章をかこむ枠に装飾をつけたい。 - CSS HTML 初心者 勉強中。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mikanusagi/20181115/20181115213512.png Hatena Blog https://hatena.blog 2018-11-15 21:16:02 rich https://csshtml.mikanusagi.com/entry/2018/11/15/211602 1.0 100%