Inicio Explorar Ayuda
Iniciar sesión
lovecoding
/
W0407
10
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Explorar el Código

移动端

zheng hace 1 semana
padre
1a59e0b2f7
commit
bdffee01ff
Se han modificado 2 ficheros con 54 adiciones y 0 borrados
Unificar vista Mostrar estadísticas de diff
  1. 30 0
      移动端/10.滚动条.html
  2. 24 0
      移动端/9.渐变色.html

+ 30 - 0
移动端/10.滚动条.html
Ver fichero 

@@ -0,0 +1,30 @@
 
+<!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>
 
+        #box {
 
+            width: 200px;
 
+            height: 100px;
 
+            border: 3px solid #000;
 
+            overflow-x:scroll;
 
+        }
 
+        #box::-webkit-scrollbar {
 
+            display: none;
 
+            width: 0;
 
+            height: 0;
 
+        }
 
+        p {
 
+            width: 1000px;
 
+            background: #ff0;
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+    <div id="box">
 
+        <p>你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫你好我有一个帽衫</p>
 
+    </div>
 
+</body>
 
+</html>

+ 24 - 0
移动端/9.渐变色.html
Ver fichero 

@@ -0,0 +1,24 @@
 
+<!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>
 
+        #box {
 
+            width: 300px;
 
+            height: 300px;
 
+            border: 2px solid #000;
 
+            margin: 150px auto;
 
+            background-image: radial-gradient(circle at 30% 70%,red,yellow,blue)
 
+            /* background-image: radial-gradient(circle at top left,red,yellow,blue) */
 
+            /* background-image: radial-gradient(circle,red,yellow,blue) */
 
+            /* background-image: linear-gradient(60deg,red,blue,yellow); */
 
+            /* background-image: linear-gradient(to top right,red,blue); */
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+    <div id="box"></div>
 
+</body>
 
+</html>