#質問
CSSの知識をお持ちの方ご教授お願い致します。H3の見出しで、HTMLに直接書き込まれたCSSを外部ファイルにしたいです。divが文字の前後に複数あり、自分の知識ではクラスをどう設定したら良いやら理解できません…。<div style="width: 40px;height: 70px;background: #ff0000;box-shadow: inset 0px 25px 10px -10px rgba(136, 136, 136, 0.2);margin-left: 5px;margin-bottom: 0px;margin-bottom: 0;"></div><h3 style="width: 80%;height: 30px;padding: 10px;background: #fff;box-shadow: rgba(110, 110, 110, 0.2) 0px 0px 5px 1px inset;border-radius: 6px;color: #888;font-size: 16pt;padding-left: 50px;margin-top: -55px;margin-bottom: 0px;">★テキスト★</h3><div style="width: 15px;height: 15px;background: #c9bd6b;box-shadow:inset -2px -2px 4px 1px #7e742d,inset -1px -1px 2px #837727, 0 0 1px #b6a73f;border-radius: 45px;margin-top: -32px;margin-left: 18px;margin-bottom: 20px;"></div><div style="width: 0;height: 10px;border-left: 20px solid #ff0000;border-right: 20px solid #ff0000;border-bottom: 15px solid transparent;background: #fff;margin-top: 20px;margin-left: 5px;margin-bottom: 30px;"></div>
一緒に読まれている質問
4 件の回答
元はhttps://plaza.rakuten.co.jp/shophunter/009016/にある「ピン留めセロファンリボン原色系」です。
別にclassに「絶対こうしないといけない！」みたいなルールはないから
<div class="ribbon_bf"><h3>テキスト</h3><div class="ribbon_md"></div><div class="ribbon_af"></div>
とか
<div class="ribbon_01"></div><h3>テキスト</h3><div class="ribbon_02"></div><div class="ribbon_03"></div>
とか、管理しやすいよう好きにつければいいよ。作業者同士で理解できればOKかと思います。
Re:3
ひとつめ閉じタグ抜けてましたすみません…
<div class="ribbon_bf"></div><h3>テキスト</h3><div class="ribbon_md"></div><div class="ribbon_af"></div>
Re:4
ありがとうございます。
ほとんど趣味だけで覚えたいい加減な知識で、一人で職場のマニュアルを作っているんです……。
単純に自分の知識が足りず、適当に外部ファイルに放り出したら表示が崩れてしまって困っていました。