>  기사  >  웹 프론트엔드  >  CSS에서 그림자를 제거하는 방법

CSS에서 그림자를 제거하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-20 18:09:198491검색

CSS에서는 box-shadow 속성을 사용하여 그림자를 제거할 수 있으며 구문은 "box-shadow:0 0px 0px 색상 값"입니다. boxShadow 속성은 하나 이상의 드롭다운 그림자 상자를 설정할 수 있습니다. 각 그림자는 길이 값, 선택적 색상 값 및 선택적 삽입 키워드로 지정됩니다. 색상 값을 투명하게 설정할 수 있습니다.

CSS에서 그림자를 제거하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

전에 mui 레이아웃 스타일을 사용했는데 항상 이런 그림자가 있었어요. 브라우저에서 디버깅해도 소용없었어요
CSS에서 그림자를 제거하는 방법
그림자를 설정하기 위한 것입니다

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 1px 6px #ccc;

취소할 경우 그냥 0으로 설정하면 됩니다. mui.css로 직접 이동하는 것은 권장하지 않습니다. 삭제, mui에서 스타일을 변경하면 모든 스타일이 변경됩니다
그림자를 취소하는 것입니다

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 0px 0px #ccc;

설정하고 나면 그림자가 생기지 않습니다
CSS에서 그림자를 제거하는 방법

여기는 box-shadow

	   /*长度 宽度 模糊度  阴影大小   颜色*/
 box-shadow: 0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

  	     -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

             10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

             0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

에 대한 몇 가지 소개: css 비디오 튜토리얼

위 내용은 CSS에서 그림자를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.