Q&A
###実現したいこと
cssを用いて三角形を作りたい。
###発生している問題
after要素で三角形を作ろうとしたところ、blue,red部分の形が異なり三角形となりません。
widthとheightを0 0に指定しているので透明な部分も含めborderは正方形になると予想していました。
どなたか理由の分かる方教えてください。
###該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<title>無題ドキュメント</title> 6<link rel="stylesheet" href="/sample/index.css" /> 7</head> 8<body> 9 <p>sample</p> 10</body> 11</html>
css
1@charset "utf-8"; 2/* CSS Document */ 3p:after { 4 content: " "; 5 width: 0; 6 height: 0; 7 border-right: 20px solid red; 8 border-bottom: 20px solid blue; 9 border-left: 20px solid transparent; 10 border-top: 20px solid transparent; 11} 12
回答1件
0
ベストアンサー
font-size: 0;を追加してみてください
投稿2016/05/18 08:53
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/18 08:56
退会済みユーザー
2016/05/18 09:25 編集
2016/05/18 23:56