Advertisement

CSS3练习 魔方模型制作

阅读量:

HTML部分

  1. 页面结构(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)

还没有任何评论哟~