CSS3练习 魔方模型制作
发布时间
阅读量:
阅读量
HTML部分
- 页面结构(HTML部分)
魔方(box)将被封装在一个div容器(如container)中,魔方的每个面则通过单独的div元素进行呈现。请完善HTML代码部分。
container用于调控魔方的整体布局,例如实现居中显示等功能。
box作为各面的上级容器,当其发生旋转操作时,其所包含的各个面也将随之同步旋转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>魔方</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="box">
<div class="top box-page"></div>
<div class="bottom box-page"></div>
<div class="left box-
全部评论 (0)
还没有任何评论哟~
