CSS에서이 메뉴를 만드는 방법은 무엇입니까?

Question

http://joomla.jogjafile.com/plasma/index.php

테두리가있는 바닥을 지정하여이 방법을 시도했지만 경계에 화살표 모양을 표시 할 수 없습니까?

Answer 1

이러한 삼각형을 흔히 캐럿이라고합니다. 그러나, 그들은 다른 CSS와 디스플레이를 재정의

.caret { 
    display: inline-block; 
    width: 0; 
    height: 0; 
    vertical-align: top; 
    border-top: 4px solid #000; 
    border-right: 4px solid transparent; 
    border-left: 4px solid transparent; 
    content: ""; 
} 

그러나 이것은 당신이 caret를 얻을 수 있도록해야합니다 해당 사이트에 사용되는 캐럿 클래스의 CSS입니다. CSS에서 삼각형/캐럿 만들기에 대한 자세한 내용은 Here을 참조하십시오.