트위터 Bootstrap 스타일의 디스크 만드는 법
1096 단어 CSS
<b class="caret"></b>
<style type="text/css">
.caret {
border-top: solid 4px #000;
border-left: solid 4px transparent;
border-right: solid 4px transparent;
}
</style>
그게 다야.캡처:
border-top
bottom으로 만들면 위로 향하는 것을 만들 수 있고, 4px
물건으로 확대하면 큰 삼각형을 만들 수 있으며, left/right#000
로 만들면 탑과 bottomtransparent
을 가로로 만들 수 있다.무슨 원리냐면, 확대해서 색칠을 해보면 알 수 있을 거예요.
border-top: solid 80px #000;
border-left: solid 80px #0f0;
border-right: solid 80px #f00;
Reference
이 문제에 관하여(트위터 Bootstrap 스타일의 디스크 만드는 법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sotarok/items/cad0f29c3f3eb41d1755텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)