Wulin.com의 기사 소개 (www.vevb.com) : 매일 약간의 HTML5+CSS3를 배우고 느리게 경험을 축적하며 기본에서 시작하십시오. 다음은 주로 간단한 플레이어 버튼 그리기를 소개합니다.
매일 약간의 HTML5+CSS3를 배우고 느리게 경험을 축적하며 기본에서 시작하십시오. 다음은 주로 간단한 플레이어 버튼 그리기를 소개합니다.
먼저, div의 너비와 높이가 0 일 때 설정 테두리가 어떻게 보이는지 봅시다.
코드는 다음과 같습니다.
1
작동 렌더링은 다음과 같습니다.
그렇다면이 사진에서 뭔가 볼 수 있습니까?
테두리 세 가지를 제거하면 삼각형을 그릴 수 있습니까? 대답은 예입니다. 하나의 코드만으로 삼각형을 그릴 수 있습니다.
효과:
이제 플레이어 버튼을 쉽게 그릴 수 있습니다. 학습 노트의 몇 가지 팁과 함께 삼각형을 그리기 위해 코드를 약간 적응 시키면 마지막 플레이어 버튼을 쉽게 그리기 쉽습니다.
코드는 다음과 같습니다.
1
플레이어 버튼
효과:
요약 :이 간단한 예제는 주로 테두리를 그리기 위해 테두리를 그리며 국경의 너비 또는 DIV 크기를 변경하여 다른 기본 그래픽을 그리는 것과 같이 약간 변형됩니다. 또한 CSS3의 둥근 모서리, 그림자 및 그래픽 변환도 사용됩니다.