Q&A
前の質問でもそうだったのですが、
質問のコードは、キャプチャーではなく、質問本文にテキストでソースコードを記載して下さい。
ソースコードは、コードブロックを使って記載して下さい。
Textasticを使っているのですが、枠を出すようにやって見たのですが、プレビューを見ても空白のままです。
どうすればいいですか。
iPadを使ってやっています
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>untitled</title>
div.style{
margin:10px;pading:10px;border:5pxsolid black;
background-color:lightgray:};
</head>
<body>
</body>
</html>
よろしくお願いします
そのコードを質問本文に記載して下さい。
質問本文は修正できます。
また、コードを記載するときは、コードブロックを使用して下さい。
ご指摘ありがとうございます。
参考にさせて戴きます。
完全初心者でstyleについて、今調べてみたのですがまったくわかりません。
教えていただけないでしょうか。
どこがどうわからないのでしょうか？？
また、調べて、参考にした（しようとした）ページを記載して下さい。
というか、それなら、本読んで学んだ方がいいかもですね・・・
あと、参考にではなく、質問文は修正可能なので、この質問でやりましょう。
回答2件
0
ベストアンサー
HTMLもCSSも文法めちゃくちゃなので、しっかり基礎から学んで下さい。
- スタイルは、
<style>要素で囲んで下さい。 - CSSはショートコードで記載する際、各値は半角スペースで区切って下さい。
- クラス名に
styleを使うのは止めましょう。
様々な処理でバグの原因になります。
- そもそもスタイルを当てる要素が、
<body>要素内に存在しないので、そもそもスタイルが当りようがありません。
上記の用語などがわからなければ、明らかに勉強不足なので、本を、買うなりでしっかり勉強して下さい。
投稿2020/04/24 09:09
総合スコア9555
0
「5px」と「solid」の間に半角スペースを追加してください。
変更前: border:5pxsolid black;
変更後: border:5px solid black;
追記:
上記、以外にも対応しなければならない箇所が2〜3ほどありました。
miyabi_takatsukさんの回答がより詳細なので、ご参照ください。
投稿2020/04/24 09:02
編集2020/04/24 09:20
総合スコア4528
よく見ると、style要素使ってないうえ、body内になんもいないんですよね・・・。
あ、本当ですね..、
パッと画として目に入ったバグに反射的に回答していましたw
あなたの回答
tips
プレビュー
