欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html5愛心 代碼

html
夏志豪2年前10瀏覽0評論
HTML5愛心

HTML5愛心的樣式代碼如下所示：

.heart {
position: relative;
margin: auto;
width: 100px;
height: 90px;
}
.heart:before,
.heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: red;
border-radius: 50px 50px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heart:after {
left: 0;
transform: rotate(45deg);
transform-origin: 100% 100%;
}

使用HTML5愛心的標簽代碼如下所示：

<div class="heart"></div>

在HTML中引入CSS的代碼如下所示：

<head><style>.heart {
position: relative;
margin: auto;
width: 100px;
height: 90px;
}
.heart:before,
.heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: red;
border-radius: 50px 50px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heart:after {
left: 0;
transform: rotate(45deg);
transform-origin: 100% 100%;
}
</style></head>

使用HTML5愛心的效果如下所示：