html代码怎么写正方形

HTML是网页设计的基础，在HTML中如何编写一个正方形呢？

code>
    div style="width:100px;
     height:100px;
     background-color:#333333;
    ">
    /div>
    /code>
    

通过div> 标签，设置它的宽度和高度相等，再加上背景色，就可以画出一个正方形了。

如果想让正方形中间有文字，可以在div> 标签内再添加一个p> 标签：

code>
    div style="width:100px;
     height:100px;
     background-color:#333333;
    ">
        p style="color:white;
     text-align:center;
     font-size:18px;
    ">
    Hello World!/p>
    /div>
    /code>
    

上述代码中，通过p> 标签设置文字的颜色、对齐方式和字体大小，使文字在正方形中间居中对齐。

还可以使用CSS中的transform属性来把一个div> 标签旋转45度，从而得到一个菱形：

code>
    div style="width:100px;
     height:100px;
     background-color:#333333;
     transform: rotate(45deg);
    ">
    /div>
    /code>
    

这样，就可以利用HTML和CSS轻松绘制出各种形状的图案啦！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！