HTML代碼是網(wǎng)頁的基礎(chǔ)，它可以幫助我們定制出各種樣式的網(wǎng)頁。心形代碼則是其中非常有趣的一個，下面將介紹如何使用HTML代碼編寫心形。
<!DOCTYPE html>
<html>
<head>
<title>Heart Shape</title>
</head>
<body>
<div style="height: 150px; width: 150px;">
<div style="height: 100%; width: 50%; position: absolute; left: 0;"></div>
<div style="height: 100%; width: 50%; position: absolute; right: 0;"></div>
</div>
</body>
</html>以上是使用HTML代碼編寫心形的基本代碼，簡單介紹一下：
在HTML代碼中，一共有兩個div標(biāo)簽，它們自己之間毫無關(guān)聯(lián)，但是利用它們分別畫出心形中的左右兩部分。
這兩個div標(biāo)簽，它們分別被設(shè)置為絕對定位，如果要是為了效果更明顯，可以在里面加上顏色進(jìn)行區(qū)分。
最后，這兩個div標(biāo)簽中間，需要插入一個父級容器，可以理解為一個盒子，其中心形就被這個盒子包含。
所有設(shè)置好的HTML代碼，將能夠在瀏覽器中顯示出完整的心形圖案，非常有趣。
下一篇html微笑臉代碼