순수 CSS로 그려진 삼각형 화살표 패턴
- 巴扎黑원래의
- 2016-11-25 14:19:021757검색
div#up {
너비: 0px;
높이: 0px;
테두리 왼쪽: 5px 투명 투명;
테두리 오른쪽: 5px 투명 투명;
테두리 하단: 5px solid#2f2f2f;
}
div#down {
너비: 0px;
높이: 0px;
테두리 왼쪽: 20px 투명 투명;
테두리 오른쪽: 20px solidtransparent;
테두리 상단: 20px 솔리드 #f00;
}
div#left {
너비: 0px;
높이: 0px;
테두리 상단: 10px 투명 투명;
border-bottom: 10px 솔리드 투명;
테두리 오른쪽: 10px 단색 노란색;
}
div#right {
너비: 0px;
높이: 0px;
테두리 상단: 60px 투명 투명;
border-bottom: 60px 솔리드 투명;
테두리 왼쪽: 60px 단색 녹색;
}
html:
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.