<!DOCTYPE html> <html> <head> <meta charset="utf-8

締切済

質問者：Wohinfahrensie
質問日時：2023/01/05 01:04
回答数：2件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>3段組の練習</title>
<meta name="author" content="あ">
<style type="text/css">

<div style="padding: 10px; margin: 15px auto; color: #ffffff
; background: #ffffff none repeat scroll 0% 0%; border: 1px solid #ffffff
; box-shadow: 2px 2px 4px #ffffff
;">ここに文字を入れる。</div>

で、
囲み線がうまくいきません
教えてくださいお願いします！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： Ogre7077
回答日時：2023/01/05 10:15

書式の指定ですが、長々と書く場合は

<div style="...; ...;">...</div> では見づらく書きづらいので
<style>
.koko{
...;
...;
}
</style>
<div class=koko>...</div>
で書きましょう。

全面白塗りをしても面白くないので、塗分けましょう。
例)
白地(background-color : white)
赤字(color : red)
黒囲い(border-color : black)
灰色影(box-shadow: 2px 2px 4px gray)

参考)
https://developer.mozilla.org/ja/docs/Web/CSS/CS …

- 0
- 件

通報する

No.1

回答者： fujillin
回答日時：2023/01/05 04:21

こんばんは

「3段組」って書いてあるけれど、どこがそうなのかわかりませんね。

まず、閉じタグの必要なものはきちんと閉じタグを書きましょう。
（そうしないと、文書構造の解釈はブラウザ依存となります＝思う通りには解釈されない可能性がある）
次に、本文は<body>タグの中に書きます。

それを踏まえたうえで・・
＞囲み線がうまくいきません
「囲み線」と言っているのが何のことかよくわかりませんが、borderのことなら表示されているはずです。
とは言え、ご提示のままで表示しようとしているのなら、全部の色が白になっているので（bodyの背景色が何色になっているのか不明ですが・・）区別もつかず、何も見えないような状態になっているだけではないでしょうか？

いらぬお節介ですが、HTMLの文法ぐらいは自分でチェックできるようにしましょう。
http://www.htmllint.net/html-lint/htmllint.html#