1. 다음과 같이 div에 대해 충분히 큰 테두리를 설정하고 위쪽 테두리, 오른쪽 테두리, 왼쪽 테두리 및 배경색을 투명하게 설정하면 작은 삼각형이 만들어집니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#demo {
width: 0;
height: 0;
/*边框的宽20px*/
border-width: 20px;
/*边框样式,实线*/
border-style: solid;
/*边框颜色*/
border-color: transparent transparent red transparent;
}
</style>
</head>
<body>
<!--小三角，transparent透明的，-->
<div id="demo">
</div>
</body>
</html>2.a 태그 모바일에서의 문제 side:
1》a 태그를 클릭하면 기본 배경색이 적용됩니다. 솔루션
1 -webkit-tap-highlight-color:transparent;
2》언더라인이 나타날 수 있는 경우 클릭, 해결
1 text-decoration: none; //或者2 3 border: none；//或者4 5 outline:none;
a:hover{
text-decoration:none;
}
위 내용은 배경색을 투명하게 설정하는 방법에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
