lovecoding
/
w1020


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ::-webkit-scrollbar{
            height: 0;
            width: 0;
            display: none;
        }
        
        .box{
            width: 200px;
            height: 200px;
            border:1px solid black;
            margin:100px auto;
            overflow: scroll;
        }
        .box1{
            width: 600px;
            height: 100px;
            background-color: blue;
            color: #fff;
        }

        .box2{
            width: 200px;
            height: 200px;
            /* background-image: linear-gradient(blue,red); */
            /* background-image: linear-gradient(to left, blue, red, green); */
            /* background-image: linear-gradient(to right top, blue, red); */
            /* background-image: linear-gradient(10deg, blue, red); */
            /* background-image: radial-gradient(blue, red); */
            background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
        }
    </style>
</head>
<body>
    <div class="box2"></div>
    <div class="box">
        <div class="box1">
            CSS 属性选择器用于根据元素的属性或属性值来选择 HTML 元素。

属性选择器可以帮助你在不需要为元素添加类或 ID 的情况下对其进行样式化。

注意：IE7 和 IE8 需声明 !DOCTYPE 才支持属性选择器！IE6 和更低的版本不支持属性选择器。

以下是常见的 CSS 属性选择器
        </div>
    </div>
</body>
</html>