Stap 4: Het toevoegen van de cijfers
Nu komt het leuke gedeelte. Dit is waar we het toevoegen van de waarde van Pi. Maak een alinea met de p -tag en zet de cijfers daar. U kunt cursief of vet als je wilt om het er beter uitzien. Ik heb de cijfers van hier. U kunt zoveel cijfers als u wilt gebruiken. Als uw site langer duurt om te laden, kunt u meer cijfers gebruiken. Dan toevoegen wij ook sommige CSS aan de p -tag.
Hier is de HTML-code:
<i><p>DIGITS OF PI HERE</p></i>
En CSS:
p { margin-top: -200px; font-size: 50px; position:relative; }
Met behulp van de eigenschap margin-top , plaatst we u de tekst op zodanige wijze dat loopt door het midden van de container. Vergeet niet in positie: relatieve ook typen. Zonder dit, zal het scrollen niet werken.