Q&A
画像の縁を飾るborder-imageを勉強中ですが、表示が黒い実線で表示されてしまいます。
どうすれば、imagesにあるimages/border-image.pngが表示できるでしょうか。
sample5.htmlとimagesフォルダ、cssフォルダは同じフォルダにあります。
よろしくお願いいたします。
//sample5.html <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ボーダーに画像を使う</title> <link href="css/sample5.css" rel="stylesheet"> </head> <body> <div id="d1"></div> </body> </html> // sample5.css @charset "utf-8"; #d1 { width: 120px; height: 60px; border-image: url(images/border-image.png) 10 / 10px round; border-style: solid; }
回答1件
0
ベストアンサー
border-image: url(images/border-image.png) 10 / 10px round;
このurlが間違っていると思われます。
border-image: url(../images/border-image.png) 10 / 10px round;
としてみてください。
投稿2019/02/01 12:16
総合スコア1899
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/01 23:24