Wednesday 9 June 2021

How to create Background image and color using CSS Step by step Example

 How to Create Background Image and Color Using CSS Step By Step

(Just you Copy and past This Code to Your Editor)


Example 1: Using HTML

    <body background="nature.jpg"> 


Example 2: Using CSS with No-Repeat Attribute

    <body style="background-image:url('nature.jpg'); background-repeat:no-repeat;"> 


Example 3: Using CSS Repeat Image Width Wise

    <body style="background-image:url('nature.jpg'); background-repeat:repeat-x;"> -->


Example 4: Using CSS Repeat Image as Height Wise

    <body style="background-image:url('nature.jpg'); background-repeat:repeat-y;">

_________________________________


Example 5: Using HTML Apply Background Color

    <p bgcolor=red>welcome 123</p>


Example 6: Using CSS Apply Background Color

    <p style="background-color:red;">welcome 123</p>

    <p style="color:blue; background-color:yellow;">Hello this is a Color Attribute</p>


Example 7: General Example

        <p style="background-image: url('1.png');">welcome <br>

Hello this is<br> welcome 123<br> aksjdk sdkj kasjklkl asljaskljkl askl </p>

        <span style="background-image:url('1.png');">welcome to css<br> hello this is a test<br>                     cascading style sheet</span>

__________________________


Learn All Programming and Scripting Languages with youtube.com/avadhtutor

Learn HTML: https://www.youtube.com/watch?v=oxIsm512PdM&list=PLkx9f4H3tJMKHviDIr-BsBd_h2dVtWWf5

Learn CSS: https://www.youtube.com/watch?v=tJWtvmRanOc&list=PLkx9f4H3tJMKDiznW8Zus-4-N0mWlfkiB

learn CSS 3: https://www.youtube.com/watch?v=EHczBXp-cmc&list=PLkx9f4H3tJMJ2xk5lOUsfpexF0IH3_sOA

___________________________


No comments:

Post a Comment