|
| 1 | +<<<<<<< HEAD |
1 | 2 | <!DOCTYPE html> |
2 | 3 | <html lang="en"> |
3 | 4 | <head> |
@@ -109,3 +110,116 @@ <h2>Python-PyQt5</h2> |
109 | 110 | </div> |
110 | 111 | </body> |
111 | 112 | </html> |
| 113 | +======= |
| 114 | +<!DOCTYPE html> |
| 115 | +<html lang="en"> |
| 116 | +<head> |
| 117 | + <title>藏书阁</title> |
| 118 | + <meta charset="UTF-8"> |
| 119 | + <style> |
| 120 | + body { |
| 121 | + font-family: Arial, sans-serif; |
| 122 | + margin: 0; |
| 123 | + padding: 0; |
| 124 | + background: #f2f2f2 url("global/global-src/mylove/ml.jpg") no-repeat center; |
| 125 | + background-size: 100%; |
| 126 | + } |
| 127 | + |
| 128 | + .container { |
| 129 | + display: flex; |
| 130 | + justify-content: space-between; |
| 131 | + max-width: 1200px; |
| 132 | + margin: 0 auto; |
| 133 | + padding: 20px; |
| 134 | + } |
| 135 | + |
| 136 | + .card { |
| 137 | + flex: 1; |
| 138 | + background-color: #fff; |
| 139 | + border-radius: 5px; |
| 140 | + padding: 20px; |
| 141 | + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); |
| 142 | + transition: box-shadow 0.3s ease, transform 0.3s ease; |
| 143 | + cursor: pointer; |
| 144 | + } |
| 145 | + |
| 146 | + .card:hover { |
| 147 | + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
| 148 | + transform: scale(1.05); |
| 149 | + } |
| 150 | + h2 { |
| 151 | + color: #333; |
| 152 | + margin-bottom: 10px; |
| 153 | + } |
| 154 | + ul { |
| 155 | + list-style-type: none; |
| 156 | + padding: 0; |
| 157 | + } |
| 158 | + li { |
| 159 | + margin-bottom: 10px; |
| 160 | + } |
| 161 | + a { |
| 162 | + text-decoration: none; |
| 163 | + color: #007bff; |
| 164 | + } |
| 165 | + a:hover{ |
| 166 | + padding: 5px; |
| 167 | + color: yellow; |
| 168 | + } |
| 169 | + #type1 { |
| 170 | + background-image: linear-gradient(to right, skyblue, lightsteelblue); |
| 171 | + } |
| 172 | + #type2 { |
| 173 | + background-image: linear-gradient(to bottom, slategrey, palegoldenrod); |
| 174 | + } |
| 175 | + #type3 { |
| 176 | + background-image: linear-gradient(to left, silver, lavender); |
| 177 | + } |
| 178 | + #type4 { |
| 179 | + background-image: linear-gradient(to top, sienna, fuchsia); |
| 180 | + } |
| 181 | + </style> |
| 182 | +</head> |
| 183 | +<body> |
| 184 | +<div class="container"> |
| 185 | + <div class="card" onclick="location.href='#'" id="type1"> |
| 186 | + <h2>Dart-Language</h2> |
| 187 | + <ul> |
| 188 | + <li><a href="h5/other/Dart语言快速入门.html">Dart语言快速入门</a></li> |
| 189 | + <li><a href="h5/other/Dart快速入门(2).html">Dart快速入门(2)</a></li> |
| 190 | + <li><a href="h5/other/Dart高级教程.html">Dart高级教程</a></li> |
| 191 | + </ul> |
| 192 | + </div> |
| 193 | + <div class="card" onclick="location.href='#'" id="type2"> |
| 194 | + <h2>Python-Matplotlib</h2> |
| 195 | + <ul> |
| 196 | + <li><a href="h5/other/blogMatplotlib.html">blogMatplotlib</a></li> |
| 197 | + </ul> |
| 198 | + </div> |
| 199 | + <div class="card" onclick="location.href='#'" id="type3"> |
| 200 | + <h2>MakeFile</h2> |
| 201 | + <ul> |
| 202 | + <li><a href="global/index/mkf1.html">记录1</a></li> |
| 203 | + <li><a href="global/index/mkf2.html">记录2</a></li> |
| 204 | + <li><a href="global/index/mkf3.html">记录3</a></li> |
| 205 | + <li><a href="global/index/mkf4.html">记录4</a></li> |
| 206 | + <li><a href="global/index/mkf5.html">记录5</a></li> |
| 207 | + <li><a href="global/index/mkf6.html">记录6</a></li> |
| 208 | + </ul> |
| 209 | + </div> |
| 210 | + <br> |
| 211 | +</div> |
| 212 | + |
| 213 | +<!--New Line--> |
| 214 | +<div class="container"> |
| 215 | + <div class="card" onclick="location.href='#'" id="type4"> |
| 216 | + <h2>Python-PyQt5</h2> |
| 217 | + <ul> |
| 218 | + <li><a href="h5/qt/blogPyQt5.html">PyQt5入门</a></li> |
| 219 | + <li><a href="h5/qt/blogPyQt5Depth.html">PyQt5入门(2)</a></li> |
| 220 | + </ul> |
| 221 | + </div> |
| 222 | +</div> |
| 223 | +</body> |
| 224 | +</html> |
| 225 | +>>>>>>> e704743 (NEW) |
0 commit comments