手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

用div+css代码画个正方形

时间:2024-10-31 17:38:16

1、【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码,很方便。

用div+css代码画个正方形
用div+css代码画个正方形
用div+css代码画个正方形

2、【第二步】不管那么多,在body内输入“<div class="one"><div>”,one可以任意设置的,只要跟上面的样式对应得上即可。

用div+css代码画个正方形

3、【第三步】在head内键入“<style>.one{width:200px; height:200px; background-color:red;}</style>”,one前面要加点,如果是div本身则.不用。

用div+css代码画个正方形

4、【第四步】前面三已经完成了一个红色的正方形,先保存好,然后回到界面摁F12跳转到网页上预览一下,就能看到自己的成果了。

用div+css代码画个正方形
© 手抄报圈