디자인천일공책

Html＆JQuery css Arrow

페이지 정보

작성자 디자인천일 작성일Date: 2025-03-26 11:51 조회view: 7

본문

css로 삼각형 화살표 만들기


<div class="arrow"></div>


.arrow {

    width: 0;

    height: 0;

    border-top: 5px solid rgba(0,0,0,0);

    border-bottom: 5px solid rgba(0,0,0,0);

    border-right: 5px solid rgba(0,0,0,0);

    border-left: 5px solid rgba(0,0,0,1);    

}

css

.arrow {
    width: 0;
    height: 0;
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,1);    
}

html

<div class="arrow"></div>