Tageswebsites für Tage-js-Tutorial-php.cn

Day Websites for Days

Nach 5 Tagen progressivem HTML-Lernen bin ich sehr froh, dass wir uns in der letzten Phase des Ganzen befinden, dem projektbasierten Teil dieses Kurses, in dem ich einfach Websites erstelle und mich selbst herausfordere ...

Eine einfache Benutzeranmelde- und Anmeldeseite

Link zur Projektbenutzerseite

HTMl für die Anmeldeseite-

      Signup Page  
   User Login Page
 
   
 
   Enter Login Details 
 
 
  
    Email   
  
 
   Password   
  
 
  
  
  Don't Have An Account? Sign Up

Nach dem Login kopieren

HTML für die Anmeldeseite-

Signup Page

User Signup Page

Enter Signup Details

First Name

Last Name

Email

Password

Already Have An Account? Sign In

Nach dem Login kopieren

CSS-Stile-

/* Basic reset */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } /* Body styles */ body { background-color: antiquewhite; display: flex; justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ flex-direction: column; } /* Header styles */ header { text-align: center; margin-bottom: 20px; /* Add some space between the header and the content */ } /* Article styles */ article { border: 1px solid black; padding: 20px; /* Add some padding inside the border */ display: flex; justify-content: center; align-items: center; text-align: center; font-family: Tahoma, sans-serif; background-color: antiquewhite; /* Add background color for better visibility */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add some shadow for better look */ } /* h3 styles */ h3 { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; } button { display: inline-block; padding: 10px 20px; font-size: 16px; color: black; border: none; border-radius: 5px; text-align: center; text-decoration: none; cursor: pointer; background-color: #ccc; transition: background-color 0.3s ease, transform 0.3s ease; } button:hover { background-color: black; transform: translateY(-2px); color: white; }

Nach dem Login kopieren

Einfache interaktive Website zur Benutzeranmeldung und -registrierung...

Das obige ist der detaillierte Inhalt vonTageswebsites für Tage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!