CSS3에서는 "box-shadow" 속성을 사용하여 테두리의 그림자를 취소할 수 있습니다. 이 속성은 하나 이상의 드롭다운 그림자 상자를 설정하는 데 사용됩니다. 요소를 취소합니다. 구문은 "element {box-shadow: none;}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
box-shadow 속성은 하나 이상의 드롭다운 그림자 상자를 설정할 수 있습니다.
box-shadow: h-shadow v-shadow blur spread color inset;
참고: boxShadow 속성은 상자에 하나 이상의 그림자를 추가합니다. 이 속성은 쉼표로 구분된 그림자 목록으로, 각각 2~4개의 길이 값, 선택적 색상 값 및 선택적 inset 키워드로 지정됩니다. 생략된 길이의 값은 0입니다.
h-섀도우가 필요합니다. 수평 그림자의 위치입니다. 음수 허용
v-shadow 필수입니다. 수직 그림자의 위치입니다. 음수 허용
blur 선택사항. 거리를 흐리게
확산하는 것은 선택사항입니다. 그림자의 크기
색상은 선택사항입니다. 그림자의 색상입니다.
삽입 선택 사항입니다. 그림자를 외부 그림자(처음)에서 내부 그림자로 변경합니다.
예제는 다음과 같습니다.
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>출력 결과:
none 설정 후 출력 결과:
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow:none;
}
</style>
</head>
<body>
<div></div>
</body>
(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)
위 내용은 CSS3 테두리의 그림자를 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
