如何编程出一个爱心

创建一个新的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、完成图如下。

vs2015运行html爱心代码方法。

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

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

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

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

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

在html爱心代码里加字的方法：

1、在html爱心代码里引入特殊字符文件。

2、给字体文件一个名称链接。

3、通过fontcreato软件寻找字符代码。

4、在html爱心代码中插入符所需文字即可。

---