parent
771bc5b5e6
commit
2a22a6fec2
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 16 KiB |
@ -1,20 +1,115 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Untitled</title>
|
||||
<title></title>
|
||||
<style>
|
||||
.content {
|
||||
width: 1024px;
|
||||
height: 500px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 12px;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.container {
|
||||
display: grid;
|
||||
grid-template-columns: 25% 25% 25% 25%;
|
||||
grid-template-rows: 50% 50%;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.items {
|
||||
text-align: center;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 14px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
/* 移除下划线 */
|
||||
color: inherit;
|
||||
/* 设置颜色为继承自父元素的颜色 */
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: inherit;
|
||||
/* 设置访问过后的颜色为继承自父元素的颜色 */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<a href="./xxjszb_jchj_list.html">基础环境</a>
|
||||
<a href="./xxjszb_szzd_list.html">数字终端</a>
|
||||
<a href="./xxjszb_szhjxkj1_list.html">数字化教学空间1</a>
|
||||
<a href="./xxjszb_szhjxkj2_list.html">数字化教学空间2</a>
|
||||
<a href="./xxjszb_whshkj1_list.html">文化生活空间1</a>
|
||||
<a href="./xxjszb_whshkj2_list.html">文化生活空间2</a>
|
||||
<a href="./xxjszb_whshkj3_list.html">文化生活空间3</a>
|
||||
<a href="./xxjszb_wlaq_list.html">网络安全</a>
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="items">
|
||||
<a href="./xxjszb_jchj_list.html">
|
||||
<div><img src="./imgs/a1.png" alt=""></div>
|
||||
<div class="title">基础环境</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_szzd_list.html">
|
||||
<div><img src="./imgs/a2.png" alt=""></div>
|
||||
<div class="title">数字终端</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_szhjxkj1_list.html">
|
||||
<div><img src="./imgs/a3.png" alt=""></div>
|
||||
<div class="title">数字化教学空间（一）</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_szhjxkj2_list.html">
|
||||
<div><img src="./imgs/a3.png" alt=""></div>
|
||||
<div class="title">数字化教学空间（二）</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_whshkj1_list.html">
|
||||
<div><img src="./imgs/a4.png" alt=""></div>
|
||||
<div class="title">文化生活空间（一）</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_whshkj2_list.html">
|
||||
<div><img src="./imgs/a4.png" alt=""></div>
|
||||
<div class="title">文化生活空间（二）</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_whshkj3_list.html">
|
||||
<div><img src="./imgs/a4.png" alt=""></div>
|
||||
<div class="title">文化生活空间（三）</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="items">
|
||||
<a href="./xxjszb_wlaq_list.html">
|
||||
<div><img src="./imgs/a5.png" alt=""></div>
|
||||
<div class="title">网络安全</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue