HTMLです 店主のこだわりというのを画像のように表せますか？ 背景は茶色で 文字は白で 点線と白四

HTMLです

店主のこだわりというのを画像のように表せますか？
背景は茶色で
文字は白で
点線と白四角お願いします

No.2 ベストアンサー 回答者： admiral_ya 回答日時： 2023/12/25 22:39

HTMLというよりCSSですね

次のようにブロック要素を2つを入れ子構造で使えば出来ます
<div style="background-color: #600;padding: 1em; margin: 0;">
<p style="padding: 1ex; border-left: 1ex solid white; border-bottom: 2pt dotted white; color: white; background-color: #600;">店主のこだわり</p>
</div>

No.1 回答者： fujillin 回答日時： 2023/12/25 22:21

こんばんは

＞画像のように表せますか？
要素のボーダー（＝枠線）で、左側は、幅広の実線、下側は点線で良いのでは？
点線の雰囲気が枠線利用では気に食わなければ、背景画像を繰り返しで表示する方法も考えられます。


一方で、ここ数日の質問者様のご質問を見ていると、（失礼ながら）あまりにも「何もわからない」状態で作成なさっているように感じられます。
HTMLのマークアップはさほど難しいものではなく、ツリー構造というルールさえわかれば後はタグの種類くらいです。
タグの種類は確かに多くありますが、使用頻度の高いものだけを覚えてしまえば、あとは都度調べてもどうということはないはず。

レイアウト（＝CSS）に関しては、もう少し複雑ですし種類もいろいろですので、HTMLのようには行かないかも知れませんけれど、ひとまずは、なさりたい内容に関連するものを順に調べてゆけば、少しずつ理解できるようになると思います。

「そんな面倒なことをやっている暇はない」と言うのであれば、WYSIWYGのエディターを利用して、ご自分のなさりたいように作成する方法もあります。
もっと簡単にやるなら、Word等でやりたいようにレイアウトしたものを作成して、「HTMLで出力」すれば、一応それらしいものを得ることも可能でしょう。

「何でも良いので、とにかく1ページ分を早く作りたい」と言うのであれば、完成イメージの図と、部品（＝画像など）さえあれば、ここのような「質問サイト」ではなく「依頼サイト」で依頼するか、あるいは業者に依頼すれば、不明点は質問してくれるでしょうし、確実に完成イメージに近いものを得ることができると思います。