CSS3에서 문을 닫고 문을 여는 효과를 만드는 방법

오늘은 CSS3를 사용하여 문을 닫고 여는 효과를 만드는 방법에 대한 예제 코드를 가져왔습니다. 필요한 속성은 border-width, border-style 등입니다. . IBorder-Width: 테두리의 너비가 얇음

Medium의 기본값

두꺼운 두꺼운

PX

Border-Style: 없음 테두리 없음 = 숨김(테이블 제외) 테이블 테두리 충돌 문제를 해결하세요)

                                                                                                                                                                                             이중 이중선

:hex #fff transparent transparent 테두리: 1px 실선 #000 ;

border-top: 1px 실선 #000;상단 테두리 border-top-width

border-top-style

border-top-color

border-right：

border-bottom:

border -left:

css3 새 속성

border -image: 그림을 사용하여 테두리를 채웁니다

                              border-image-source:                                                                                                              Image-Width: 사진의 너비

Border-IMAGE-OUTSET: 사진 확장

Border-IMAGE-Repeat: 효과 반복

효과 코드 :

효과 코드는 위와 같습니다. 관심 있는 친구는 수동으로 수동으로 조작할 수 있습니다. 확인해보세요. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

html에서 if 주석을 사용하는 방법

위 내용은 CSS3에서 문을 닫고 문을 여는 효과를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!