Page cover image

CSS

You can use CSS to change the text's color, size, and font and add background colors and images. CSS can also create responsive layouts that adapt to different screen sizes.

CSS stands for Cascading Style Sheets. It is used to style HTML documents.

CSS can make responsive web pages and is used for styling and its collection of formatting rules. It is used for designing purposes. You can use CSS to change the text's color, size, and font and add background colors and images. CSS can also create responsive layouts that adapt to different screen sizes.

Red got out of the candidate house tower and made her way towards the Research sector to attend Master Yaโ€™zz class. Her only motivation was to talk to Master Yaโ€™zz and figure out if there are updates on the remaining ships spotted on the radar. - Journals of Order of Epoch, 2341 Anno Domini

After adding the CSS to our HTML code, the login page would look like this.

Here is the CSS code we used to turn the login page that we have built using HTML more alive and colorful.

body  
{  
    margin: 0;  
    padding: 0;  
    background-color:#0096FF;  
    font-family: 'Arial';  
}  
.login{  
        width: 382px;  
        overflow: hidden;  
        margin: auto;  
        margin: 20 0 0 450px;  
        padding: 80px;  
        background: #0096FF;  
        border-radius: 15px ;    
}  
h2{  
    text-align: center;  
    color: 	#FFFFFF0;  
    padding: 20px;  
}  
label{  
    color: 	#FFFFFF;  
    font-size: 17px;  
}  
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;   
}  
#log{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px;  
    color: blue;  
}  
span{  
    color: white;  
    font-size: 17px;  
}  
a{  
    float: right;  
    background-color: white;  
}

Using CSS, you can control exactly how HTML elements look in the browser, presenting your markup using whatever design you like.

Last updated

Was this helpful?