CSS codes to copy and paste


Just select a block of code, then copy and paste it in de Sandbox from the url here below:
Open the link in a new tab page to switch easy between the tab pages of the Snandbox and CSS codes

Go to the Sandbox to play with Codes
    


<!-- Web page background color --> <style> body { background-color: red; } </style>


<!--Web page text color--> <style> body { color: green; } </style> aquatic plants


<!--Header color--> <style> h1{ color: yellow; } </style>
<h1>Aquatic plants</h1>


<!--Color for paragraaf text--> <style> p { color: brown; } </style> <p>Small aquatic plants ... </p>


<!--Text positioning to center or right of a web page--> <style> { text-align: center; } </style> Of <style> p { text-align: right; } </style> <p>Red aquatic plants</p> of <p>Green aquatic plants ... </p>


<!--Choose a font?--> <style> p { font-family: verdana; } </style> <p>Winding water plants ... </p>


<!--Text size adjustment?--> <style> p { font-size: 1em; } </style> <p>Different aquatic plants ... </p>


<!--The use of id--> <style> p#beautifulaquaticplants {color: brown;} </style> <p id="beautifulaquaticplants">Various beautiful aquatic plants</p>


<!--The use of class--> <style> p.aquaticplants {color: brown;} </style> <p class="aquaticplants">Aquatic plants in cold regions ... </p> <p class="aquaticplants">Aquatic plants in tropical regions ... </p> <p class="aquaticplants">Aquatic plants in subtropical regions ... </p>


<!--Apply in-line style?--> <mark style="background-color: blue; color: white"> Food sources</mark> <p style="background-color: green; color: white"> Aquatic plants are food sources<br> for many animals,<br> they also serve as shelters. </p>