No.2ベストアンサー
- 回答日時:
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
- 回答日時:
こんばんは
>画像のように表せますか?
要素のボーダー(=枠線)で、左側は、幅広の実線、下側は点線で良いのでは?
点線の雰囲気が枠線利用では気に食わなければ、背景画像を繰り返しで表示する方法も考えられます。
一方で、ここ数日の質問者様のご質問を見ていると、(失礼ながら)あまりにも「何もわからない」状態で作成なさっているように感じられます。
HTMLのマークアップはさほど難しいものではなく、ツリー構造というルールさえわかれば後はタグの種類くらいです。
タグの種類は確かに多くありますが、使用頻度の高いものだけを覚えてしまえば、あとは都度調べてもどうということはないはず。
レイアウト(=CSS)に関しては、もう少し複雑ですし種類もいろいろですので、HTMLのようには行かないかも知れませんけれど、ひとまずは、なさりたい内容に関連するものを順に調べてゆけば、少しずつ理解できるようになると思います。
「そんな面倒なことをやっている暇はない」と言うのであれば、WYSIWYGのエディターを利用して、ご自分のなさりたいように作成する方法もあります。
もっと簡単にやるなら、Word等でやりたいようにレイアウトしたものを作成して、「HTMLで出力」すれば、一応それらしいものを得ることも可能でしょう。
「何でも良いので、とにかく1ページ分を早く作りたい」と言うのであれば、完成イメージの図と、部品(=画像など)さえあれば、ここのような「質問サイト」ではなく「依頼サイト」で依頼するか、あるいは業者に依頼すれば、不明点は質問してくれるでしょうし、確実に完成イメージに近いものを得ることができると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PDF 背景色を消して白地に黒でモノクロ印刷する方法 2 2023/11/11 16:14
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- HTML・CSS css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。 2 2023/11/27 00:13
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
- Android(アンドロイド) スマホの画面に白い模様 2 2023/04/24 16:19
- Instagram Instagramでバグが起きました。Androidです。 画像は左がストーリーにあげた後です。右が 1 2022/08/18 11:55
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- 画像編集・動画編集・音楽編集 GIMPについて 2 2023/11/29 18:52
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- ノートパソコン ZOOMの背景について 2 2022/02/03 12:31
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
HTMLです すいません教えてください お願いします 色の点せんは関係ないので色の点線は作らなく
HTML・CSS
-
HTMLの CSSのファイルというのは、 .cssにするとメモ帳が出てくるのですが 大丈夫でしょうか
HTML・CSS
-
下のやつをHTMLで表せますか?すいません これは最後に付け加えたいです 最後に お願いします Co
HTML・CSS
-
-
4
C言語について。
C言語・C++・C#
-
5
【至急】C言語の問題です、どなたか分かる方いませんか? 以下のコードは配列abcdeをbodesにず
C言語・C++・C#
-
6
擬似コード
C言語・C++・C#
-
7
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
HTML・CSS
-
8
ぱいソン
Ruby
-
9
擬似コード 長さがmの配列でなんで For i =0 to m とかかくの?m-1までしかないでしょ
C言語・C++・C#
-
10
HTMLですCSSです 画像のように作りたいのですが 以下のようにあってますか?間違ってる感じがしま
HTML・CSS
-
11
Int('1234') で、strをかんたんに整数で扱えちゃうパイソンはどうなってるんですか?
C言語・C++・C#
-
12
すいません HTMLです この画像をHTML、(もしくはCSS)で表すにはどうすれば良いですか? 教
HTML・CSS
-
13
プログラミング言語の制作方法について
C言語・C++・C#
-
14
すいませんHTMLです cssです教えてください!お願いします!↓ 画像のように イを、左上に アを
HTML・CSS
-
15
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
16
HTMLですCSSです この画像のように 文字を打ち込みたいのですが、 下の3この四角にを画像のよ
HTML・CSS
-
17
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
18
HTMLです 四角みたいにして中には ホ、 ア、 レ みたいに 上の四角は2つ、 下は左に1つ、 と
HTML・CSS
-
19
意味の違い
Windows 10
-
20
年末ですが大至急お願い申し上げます!
UNIX・Linux
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PNGがうまく表示されない・・・。
-
background-repeat CSS で切れ...
-
フッターの背景に色を指定した...
-
背景画像をリピートさせない方...
-
<hr>の縦バージョンはありますか?
-
ページの上下に白い横線が入る
-
画像の上にテキスト配置で、拡...
-
画像で背景透明のテキストがに...
-
背景を固定し文章だけをスクロール
-
スクロールバー
-
htmlかcssで背景の白い枠をなく...
-
ホームページの背景画像をパソ...
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
外部CSSで画像にリンクを貼りたい
-
HTMLです 店主のこだわりという...
-
WEbサイトの背景画像にメッシ...
-
background-imageにmax-width:1...
-
画像上に文字を表示するとiPhon...
-
【Webサイト】画像が小さく表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像の上にテキスト配置で、拡...
-
lightbox2で画像を天地左右中央...
-
background-sizeでcontainする...
-
【Webサイト】画像が小さく表示...
-
background-sizeの背景で最小値...
-
【至急お助け!】チェックボッ...
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
大至急。webのシングルページを...
-
htmlかcssで背景の白い枠をなく...
-
IMGタグで画像の繰り返し使用は…
-
画像上に文字を表示するとiPhon...
-
同じ画像 複数回使用
-
CSSで背景画像をランダムに表示...
-
画面サイズ変更時のレイアウト...
-
要素の幅をいろんな写真の幅に...
-
Chat GTPで、12月のカレンダー...
-
submitボタンの上に重ねた画像...
-
LightBoxの矢印の出し方
おすすめ情報