質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
div

HTMLの<div>タグです。<div>要素は特に意味を持っていません。ひとかたまりのコンテンツに使用されるか、(セマンティックとして)他の要素では記述できないコンテンツに使用されることが多いです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

4850閲覧

HTML:divの中に枠線をつけたい。

01temp

総合スコア17

div

HTMLの<div>タグです。<div>要素は特に意味を持っていません。ひとかたまりのコンテンツに使用されるか、(セマンティックとして)他の要素では記述できないコンテンツに使用されることが多いです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/03/03 05:52

divの中に枠線をつけて表示させたいです。色は黒です。このようにコーディングしても枠線がでてきません。どこが間違っているのでしょうか?

HTML

1コード 2 3<!doctype html> 4<html lang="ja"> 5 <head> 6 <title>サンプル1-1</title> 7 <meta charset="utf-8"> 8 <style>/*styleタグでCSSを認識させる*/ 9 body{ 10 background: #ffffe0; 11 } 12 p{ 13 text-align:center;} 14 } 15 </style> 16 <link rel="stylesheet" type="text/css" href="sample2-1.css"> 17 </head> 18 <body> 19 <div style="border-style:solid; border-width:1pt; border-color:black;"> 20 <b>表組み<br /></b> 21 <!---_ 外側の大枠がtable、行をtr,セルを td_ --> 22 <form method="get" action="sample1-2.html" target="_self"> 23 <!---form要素のaction属性は、フォームデータ送信先URLを指定する属性。---> 24 <!---_blank 新しいウインドウを立ち上げて、リンク先のページを表示する。---> 25 <!---_self リンクを記述しているフレームにリンク先のページを表示させる。---> 26 27 <!---_何を送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素_---> 28 <br /> 29 <table> 30 <tr> 31 <td>A</td> 32 <td>B</td> 33 <td>C</td> 34 <td>D</td> 35 <td>E</td> 36 </tr> 37 <tr> 38 <td> 39 <input type="text" name="テキスト" /><!---_ テキストボックス.nameでデータに名前をつける。_ --> 40 </td> 41 <td> 42 <p>右寄せ「いいえ」を無効化</p> 43 <input type="radio" name="選択" value="はい" /> はい 44 <input type="radio" name="選択" value="いいえ" disabled /> いいえ<!---_ disabledで選択不可能にする _---> 45 <input type="radio" name="選択" value="どちらでもない"/>どちらでもない 46 </td> 47 <td> 48 <p>「その2」と「その4」を無効化</p> 49 <input type="checkbox" name="選択したもの" value="その1" /> その1 50 <input type="checkbox" name="選択したもの" value="その2" disabled/> その2 51 <input type="checkbox" name="選択したもの" value="その3" /> その3 52 <input type="checkbox" name="選択したもの" value="その4" disabled/> その4 53 <input type="checkbox" name="選択したもの" value="その5"> その5 54 </td> 55 <td> 56 <p>選択肢の3番目を初期設定にする。下揃え</p> 57 <select name="選択肢を選んでください。" name="選択肢"><!---_ selectでスクロール選択のもの _---> 58 <option>選択肢のサンプル1</option> 59 <option>選択肢のサンプル2</option> 60 <option selected="selected">選択肢のサンプル3</option><!---_ selectedで既に選択にする _---> 61 </select> 62 </td> 63 <td> 64 <input type="file" name="imagedata" size="30" ><!---_ ファイル参照フォルダ _---> 65 </td> 66 </tr> 67 </table> 68 <br /> 69 <input type="submit" value="アラート"><!---_ 送信ボタン_ --> 70 </form> 71 </div> 72 </body> 73</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

divとstyleの間が全角でした。ありがとうございます!!

投稿2016/03/03 06:09

01temp

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ogaaaan

2016/03/03 06:48

うおー!それか!!! お疲れ様でした!
guest

0

ベストアンサー

黒い枠線でてますよ?

ブラウザはなに使ってますか?

ちなみに一度にまとめて表記することもできます。

border-style:solid; border-width:1pt; border-color:black;

border: 1px solid black;

など。

投稿2016/03/03 06:00

ogaaaan

総合スコア765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

01temp

2016/03/03 06:04

chromeを使っております。。。。なぜでしょうか・・・
ogaaaan

2016/03/03 06:47

border-width:1pt を border-width:1px にしてみてはどうですか。 根本的な解決じゃないとは思いますが。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問