ホームページ >ウェブフロントエンド >htmlチュートリアル >左側に矢印がある DIV_html/css_WEB-ITnose の作り方

左側に矢印がある DIV_html/css_WEB-ITnose の作り方

WBOY
WBOYオリジナル
2016-06-24 12:17:141424ブラウズ

この投稿は DirecPC によって最終編集されました: 2010-06-03 13:10:29

以下のコードには下向きの矢印があります
左側の矢印は見つかりません


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">.rc_box1,.rc_box2,.rc_box3 { display:inline-block; *display:inline; *zoom:1; position:relative; border-style:solid; border-color:#ddd;}.rc_box2,.rc_box3 { border-width:0 1px; *left:-2px; background-color:#f3f3f3;}.rc_box1 { border-width:1px; line-height:1.5;}.rc_box2 { margin:0 -2px;}.rc_box3 { margin:1px -2px; padding:0 6px;}.ov1,.ov2 { position:absolute; left:44%; overflow:hidden; width:0; height:0; border-left:6px dotted transparent; border-right:6px dotted transparent;border-top:6px solid transparent;}.ov1 { top:26px; border-top-color:#ddd;}.ov2 { top:25px; border-top-color:#f3f3f3;}</style></head><body><div class="rc_box1">    <div class="rc_box2">        <div class="rc_box3">            oh~!my god god god god!        </div>    </div>    <div class="ov1"></div>    <div class="ov2"></div></div></body></html>

ディスカッションに返信 (解決しました 計画)

矢印は左側です
れーれー

2階の人は本当に達人です、とても早く理解してくれました
ありがとうございます!!!! 試してみましたが、それでもダメでした完全に成功しませんでした。アドバイスをお願いします。ありがとうございます。 !

右側に小さな矢印を追加する方法を教えてください。 教えてください。 !

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。