<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>鱼C高B格-三角</title>
<style type="text/css">
body{
margin: 199px;
background: #6FF;
font-family: "Abadi MT Condensed Extra Bold";
margin: 199px;
}
article{
background: #000;
color: #FFF;
border-radius: 5px;
padding: 22px 55px;
width: 333px;
text-align: center;
box-shadow: 3px 6px 1px rgba(0,0,0,.2);/*阴影特效*/
position: relative;
}
article h1{
color: deeppink;
}
article::after{
content: '';
position: absolute;
bottom: -40px;
width:0;/*技巧*/
height: 0;/*技巧*/
border-width: 20px;
border-style: solid;
border-color: #9f9 #EE0 #009FCC #666;
}
</style>
</head>
<body>
<article>
<h1>Bye Logen</h1>
<p> 人必须忠于自己 乔伊 不能违背自己的本性</br>
带着杀戮活下去很艰难 这条路没有退路</br>
是对是错你都得背负 直至一生</br>
现在快回去找你妈妈 告诉她一切都好</br>
山谷里再也不会有枪声了</br>
</p>
</article>
</body>
</html>
页:
[1]