search

Home >Web Front-end >JS Tutorial >How to use html to create a confession page

How to use html to create a confession page

一个新手
一个新手Original
2017-10-11 09:23:087923browse

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <link rel="stylesheet" type="text/css" href="style.css">
  <title>a sea of flower</title>
  </head>

<style>
@font-face {
    font-family: &#39;AlexBrush-Regular&#39;;
    src: url(&#39;AlexBrush-Regular-webfont.eot&#39;);
    src: url(&#39;AlexBrush-Regular-webfont.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;),
         url(&#39;AlexBrush-Regular-webfont.woff&#39;) format(&#39;woff&#39;),
         url(&#39;font/AlexBrush-Regular-webfont.ttf&#39;) format(&#39;truetype&#39;),
         url(&#39;AlexBrush-Regular-webfont.svg#AlexBrush-Regular&#39;) format(&#39;svg&#39;);
    font-weight: bold;
    font-style: normal;
}
body{
	background: url(banner3.jpg);

}
.mainpic{
	position: relative;
	top:0px;
	left:0px;
    height:1920px; 
    width:1080px;
    padding: 0px;
    margin:0px;
}
.backg1{
	position: absolute;
	left: 29px;
	top:182px;
	width: 338px;
	height: 342px;
}
.pattern1
{
	position: absolute;
	left: 65.5px;
	top:10px;
	margin:0;
	padding: 0;
}
.pattern2
{
	position: absolute;
	left: 84px;
	top:545px;
	margin:0;
	padding: 0;
}

.pattern3
{
	position: absolute;
	left: 84px;
	bottom:200px;
	margin:0;
	padding: 0;
}
.pattern4
{
	position: absolute;
	left: 150px;
	bottom:535px;
	margin:0;
	padding: 0;
}
.lettermystery{position: relative;top:681px; left:40px;width: 1000px;height: 475px;}
.lettermystery p{
	position: absolute; top:23px; left:1px; font-family: &#39;AlexBrush-Regular&#39;;font-size:1.5em;opacity: 0.3;color: #688099;
}
.Cname{
position: absolute;width: 180px;height: 56px;right: 25px;bottom: 13px;margin:0px;padding: 0px;
}
.Cname p{
}
.connectway{
	position: absolute;right: 25px;bottom: 37px;width: 184px;height: 14px;margin:0px;padding: 0px;
}
.connectway p{
             font-size: 2.1em;
}
.fontsay span{
	font-family:"瀹嬩綋"; font-weight: bold; font-style:normal;
}
</style>
  <body>

  <p class="mainpic">

    <p class="backg1">
        <img src="grain.png" alt="">
    </p>

    <p class="pattern1">
        <img src="pattern/pattern1.png" alt="">
    </p>

    <p class="pattern2">
聽<img src="pattern/pattern2.png" alt="">
    </p>

    <p class="pattern3">
        <img src="pattern/pattern3.png" alt="">
    </p>

    <p class="pattern4">
        <img src="pattern/pattern4.png" alt="">
    </p>
    <p class="lettermystery">
    <h1 style="font-family:&#39;AlexBrush-Regular&#39;">To:My beloved</h1>
    <p class="fontsay" style="font-size: 1.9em; text-align: center; ">
    <script type="text/javascript">
  setTimeout("delay0.style.visibility=&#39;visible&#39;",2000);
</script>
<a id="delay0"  style="visibility:hidden">_________________________</a><br/>
   <script type="text/javascript">
   setTimeout("delay1.style.visibility=&#39;visible&#39;",3000);
   </script>
<a id="delay1"  style="visibility:hidden">_________________________</a><br/>
   <script type="text/javascript">
   setTimeout("delay2.style.visibility=&#39;visible&#39;",4000);
   </script>
<a id="delay2"  style="visibility:hidden">_________________________</a><br/>
<script type="text/javascript">
   setTimeout("delay3.style.visibility=&#39;visible&#39;",5000);
   </script>
<a id="delay3"  style="visibility:hidden">_________________________</a><br/>
<script type="text/javascript">
   setTimeout("delay4.style.visibility=&#39;visible&#39;",6000);
   </script>
<a id="delay4"  style="visibility:hidden">_________________________</a><br/>
<script type="text/javascript">
   setTimeout("delay5.style.visibility=&#39;visible&#39;",7000);
   </script>
    </p>
      <p class="Cname"><h1 style="font-family:&#39;AlexBrush-Regular&#39;">from:krais</h1></p>
      <p class="connectway"><p style="font-family:Times New Roman,Georgia,serif; color: #190000;opacity: 1;"></p></p>
    </p>
  </p>

  </body>
  </html>


The above is the detailed content of How to use html to create a confession page. For more information, please follow other related articles on the PHP Chinese website!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：kindeditor image upload functionNext article：kindeditor image upload function

Related articles

See more