在心的中间写上于红萍三个字
时间: 2024-02-11 07:06:08 浏览: 79
一类三阶三点非齐次边值问题的两个正解 (2012年)
您可以在爱心中间添加一个div元素,并在其中添加文字,代码如下:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表白3D爱心</title>
<style>
.heart {
position: relative;
margin: 100px auto 0;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid #f00;
border-bottom: 50px solid transparent;
}
.heart:before,
.heart:after {
content: "";
position: absolute;
top: -50px;
width: 100px;
height: 100px;
background-color: #f00;
border-radius: 50px 50px 0 0;
}
.heart:before {
left: -100px;
border-radius: 50px 0 0 50px;
}
.heart:after {
left: 100px;
border-radius: 0 50px 50px 0;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 36px;
font-weight: bold;
color: #fff;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
</style>
</head>
<body>
<div class="heart">
<div class="text">于红萍</div>
</div>
</body>
</html>
```
其中,text类用于控制文字的样式,您可以根据需要进行修改。在这个例子中,我们使用了阴影效果,让文字更加突出。
阅读全文