インラインのCSSを外部ファイルにしようとしたら、上手くいきません。
CSS初心者で本当に簡単な質問で恐縮ですが、どのようにコードを直せばよいか、教えていただけないでしょうか?
HTML
1<font style="border-left: 1px solid #d9d9d9; padding:2px; margin:0px; line-height: 25px;"></font>
↓
外部ファイル化
まず、CSSファイルを作りました。ファイル名はapp.menu.cssです。
CSS
1.vertical-line{ 2 border-left: 1px solid #d9d9d9; 3 padding:2px; 4 margin:0px; 5 line-height: 25px; 6}
そして、HTMLを変更しましたが、2つの記述方法で試しましたが、うまく縦棒が表示されません。
失敗1
HTML
1<head> 2 <link rel="stylesheet" type="text/css" href="app.menu.css"> 3</head> 4<body> 5 <font class="vertical-line"></font> 6 <vertical-line></vertical-line> 7</body>
外部CSSが読み込まれてない可能性がありますね。外部CSSを指定している部分のソースもないと原因わからないですよ。
回答1件
あなたの回答
tips
プレビュー