人気の株主優待

weblovelog

ウェブ業界人のためのウェブ情報サイト。

グローバルナビゲーション用の下向き矢印をCSSのみで実現

   

nav

ナビメニューの横にちょこんとある下向き矢印。

これをCSSのみで実現したのでメモ。(IE7まで対応)

いろいろ余計な部分を省いているのでわかりにくいかもしれませんが…

この部分が下向きの三角形になります。

 

 

こちらを参考にさせていただきました。

CSSのみで三角形を作る方法を解説するよ!|ついでに扇型や吹き出しも作ってみる

 

 - CSS, html, WEB

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  関連記事