ホームページ > ウェブフロントエンド > htmlチュートリアル > css+div_html/css_WEB-ITnoseを使用して右側に小さな矢印のあるレイヤーを作成する方法

css+div_html/css_WEB-ITnoseを使用して右側に小さな矢印のあるレイヤーを作成する方法

WBOY
リリース: 2016-06-21 09:47:27
オリジナル
2907 人が閲覧しました

DIV CSS

インターネット上にある小さな矢印が左か上か下に多くて、どう調整しても右に調整できなくてイライラします

レイヤーの境界線が半透明です。ありがとうございます

ディスカッションへの返信 (解決策)

写真を見つけて、対応する位置に置くだけです (笑)

いいえ、この床には物を置かなければなりません、そしてそれは半透明でなければなりません。上の階は手抜きじゃないの?

ダニエルは誰もいないの? あなたの右側と左側の違いは何ですか?

◆?? 文字をうまく使用してください

互換性を気にしない場合は、css3?? を使用してください

三角形の透明度が必要な場合は、border を使用するだけです
もちろん私はそうします。私は怠け者です、通常は i を使用して実行します dib vam/vat を忘れません

最近たまたまこれを使用しました。お役に立てば幸いです。これは ccs3 の

左矢印
arrow-left{ width: 0;height: 0;border-top : 17px 破線透明;border-bottom: 17px 破線透明;border-right: 15px 実線 #777;font-sie: 0;}

右矢印
arrow-right{ width : 0;高さ: 0;border-top: 17 ピクセルの破線の透明;border-bottom: 17 ピクセルの破線の透明;border-left: 15 ピクセルの実線 #777;font-sie: 0;}

上矢印
arrow-top{ width: 0;高さ: 0;ボーダー左: 17 ピクセルの破線透明;ボーダー右: 17 ピクセル破線透明;ボーダー下: 15 ピクセル実線 #777;フォント サイズ: 0;}

下向き矢印
arrow-bottom{ width: 0 ;高さ: 0;border-left: 17 ピクセルの破線透明;border-right: 17 ピクセルの破線透明;border-top: 15 ピクセル実線 #777;font-sie: 0;}

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート