如何编程出一个爱心

创建一个新的HTML文件，在body标签中加入如下的html代码，设置显示爱心的对象。在head标签中添加css样式标签＜style>，并写入CSS样式，把爱心的对象变成红色的方块。给这个元素设置伪元素CSS样式，这个爱心的一半就出来了，接下来只需要再添加另外一边的爱心即可。

工具／原料：

台式机组装电脑

windows1020h2

dreamwarecc2019

1、打开运行电脑中安装的dreamware软件，打开“文件”菜单中的“新建”功能，创建一个新的HTML文件。

2、在body标签中加入如下的html代码，设置显示爱心的对象。

3、在head标签中添加css样式标签＜style>，并写入CSS样式，把爱心的对象变成红色的方块。

4、给这个元素设置伪元素CSS样式，此时图形就变成如图所示。

5、这个爱心的一半就出来了，再给它进行一下角度的45度旋转。

6、接下来只需要再添加另外一边的爱心，再把两个叠加在一起就完成了。

7、完成图如下。

html打爱心加名字方法：

1、首先要用到的软件是WORD，打开WORD软件，出现WORD主界面，找到上方菜单里的插入。

2、点击菜单栏上的插入按钮，出现下拉菜单，选择其中的符号…按钮。

3、这时候就出现了符号窗口，选择上方的符号标签页。

4、点击符号窗口左上方的字体，在出现的下拉菜单中点击Webdings，这时候亲就能看到出现了特殊符号。

4、在特殊符号中间，向下找，找到其中的心形，选中它，然后点击下方的插入按钮。

5、插入后记得要点击符号窗口下方的关闭按钮噢，不关闭，虽然看到输入了心形符号，但无法继续在文档中输入或对心形符号进行 *** 作。

6、回到文档，心形符号就已经被输入到WORD文档中，这时候，想要把心形符号变大变小或者改变颜色成红色，就可以进行 *** 作。

vs2015运行html爱心代码方法。

1、建立相应文件夹，打开VS软件，新建空白html5模板。

2、开始写爱心的代码（html5+css）。

3、制作图形需要用到四个基础图形（也就是四个块），一个大的正方形（为主块），在大的正方形里面建立三个小正方形（前两个正方形需要将其修改为圆形）。

4、写让爱心动起来的JavaScript代码。

5、在浏览器上执行代码，就可以得到一颗会跳动的爱心。

---