suchen

Heim >Web-Frontend >js-Tutorial >So erstellen Sie mit HTML eine Geständnisseite

So erstellen Sie mit HTML eine Geständnisseite

一个新手
一个新手Original
2017-10-11 09:23:087950Durchsuche

<!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>


Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit HTML eine Geständnisseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Kindeditor-Bild-Upload-FunktionNächster Artikel：Kindeditor-Bild-Upload-Funktion

In Verbindung stehende Artikel

Mehr sehen