CSS-border로 삼각형 만들기 transparent 속성값 사용

transparent 뜻 : 투명한

삼각형을 만들어줄때 

한곳에만 지정해 색을 채워준다.

전체 색 주기	border: 20px solid red;
왼쪽	border-left-color: blue;
오른쪽	border-right-color:yellow;

 

 

보더의 원래 생김새 

 border: 20px solid transparent;

투명색주기

 

 

 

버튼에 한쪽에만 화살표를 줘서 색을 채울때

.lang_wrap .btn_lang:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #ccc;

기존 버튼타입안에 꾸미기 after 을 줘서 넣어준다.