How to use html to create a confession page-JS Tutorial-php.cn

How to use html to create a confession page

一个新手

Release： 2017-10-11 09:23:08

Original

8106 people have browsed it

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

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

Copy after login

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!