HTML——Hyper Text Markup Language
字体设置效果图:
代码部分:
<html> <head> <style> .title { z-index: 10; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: "Montserrat"; text-align: center; width: 100%; } .title h1 { position: relative; color: #FFF; font-weight: 100; font-size: 90px; padding: 0; margin: 0; line-height: 1; text-shadow: 0 0 10px #ff006c, 0 0 20px #ff006c, 0 0 30px #ff006c, 0 0 40px #ff417d, 0 0 70px #ff417d, 0 0 80px #ff417d, 0 0 100px #ff417d, 0 0 150px #ff417d; } .title h1 span { font-weight: 600; padding: 0; margin: 0; color: #FFFFFF; } .title h3 { font-weight: 200; font-size: 20px; padding: 0; margin: 0; line-height: 1; color: #FFFFFF; letter-spacing: 2px; } </style> </head> <body style=background-color:black> <div class="title"> <h3>Welcome to my blog</h3> <h1>ROSEBUD7</h1> <br /> <br /> <h3>you are the <strong>B E S T </strong>.</h3> </div> </body> </html>
2020-06-06 23:40:47