
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" version="2.0">
<channel>
    <title>
        <![CDATA[ Source Code ]]>
    </title>
    <description>
        <![CDATA[ Source Code php, html, css ]]>
    </description>
    <link>https://sourcecode.nusapos.com/rss.xml</link>
    <image>
        <url>https://sourcecode.nusapos.com/uploads/logo/ce6672c76fa3b4968cf70f6e78b18a5f.png</url>
        <width>130</width>
        <height>35</height>
        <title> Source Code </title>
        <link>https://sourcecode.nusapos.com/rss.xml</link>
    </image>
    <generator>Source Code</generator>
    <lastBuildDate>2026-06-08T00:00:00+07:00</lastBuildDate>
    <atom:link href="https://sourcecode.nusapos.com/rss.xml" rel="self" type="application/rss+xml"  />
    <language>
        <![CDATA[ id-ID ]]>
    </language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>

        
    <item>
        <title>
            <![CDATA[ CSS background-image Property ]]>
        </title>
        <link> https://sourcecode.nusapos.com/css/np-9759/css-background-image-property</link>
        <dc:creator>
            <![CDATA[ Source Code ]]>
        </dc:creator>
        <category>
            <![CDATA[ css ]]>
        </category>
        <pubDate>2022-10-25T10:30:03+07:00</pubDate>
        <guid isPermaLink="false">https://sourcecode.nusapos.com/css/np-9759/css-background-image-property</guid>
        <description>
            <![CDATA[ Manual Book CSS background-image Property ]]>
        </description>
        <content:encoded>
            <![CDATA[ Set a background-image for theelement:
body&nbsp;{

&nbsp; background-color: yellow;&nbsp; &nbsp;//used black or #cccccc&nbsp; background-image: url("background.gif");}
Set two background images for theelement:
body&nbsp;{&nbsp; background-image: url("background1.gif"), url("bacground2.gif");&nbsp; background-color: #dddddd; //used black or #cccccc}
Sets two background images for theelement. Let the first image appear only once (with no-repeat), and let the second image be repeated:
body&nbsp;{&nbsp;&nbsp;background-repeat: repeat, no-repeat;
&nbsp; background-image: url("img1.gif"), url("img2.gif");&nbsp; background-color: #333333;}
Use different background properties to create a "hero" image:
.hero-image&nbsp;{&nbsp; background-image: url("image1.jpg");&nbsp;/* The image used */&nbsp; background-color: #444444;&nbsp;/* Used if the image is unavailable */&nbsp; height: 600px;&nbsp;/* You must set a specified height */&nbsp; background-repeat:&nbsp;no-repeat;&nbsp;/* Do not repeat the image */
&nbsp; background-size:&nbsp;cover;&nbsp;/* Resize the background image to cover the entire container */
&nbsp; background-position:&nbsp;center;&nbsp;/* Center,left ,right the image */&nbsp;}
Sets a linear-gradient (two colors) as a background image for a
element:
#grad1&nbsp;{&nbsp;&nbsp;height: 300px;&nbsp; background-color: #444444;&nbsp; background-image: linear-gradient(blue, red);}
Sets a linear-gradient (three colors) as a background image for a
element:
#grad1&nbsp;{&nbsp; height: 100px;&nbsp; background-color: #33333333;&nbsp; background-image: linear-gradient(green, red, yellow);}
The repeating-linear-gradient() function is used to repeat linear gradients:
#grad1&nbsp;{&nbsp; height: 100px;&nbsp; background-color: #dddddd;&nbsp;&nbsp;background-image: repeating-linear-gradient(blue, yellow 20%, green 10%);}
Sets a radial-gradient (two colors) as a background image for a
element:
#grad1&nbsp;{&nbsp;&nbsp;height: 300px;&nbsp;&nbsp;background-color: #333333;&nbsp;&nbsp;background-image: radial-gradient(blue, yellow);}
Sets a radial-gradient (three colors) as a background image for a
element:
#gradient1 {&nbsp; height: 300px;&nbsp;&nbsp;background-color: #333333;&nbsp;&nbsp;background-image: radial-gradient(green, yellow, blue);}
The repeating-radial-gradient() function is used to repeat radial gradients:
#grad1&nbsp;{&nbsp; height: 150px;&nbsp; background-color: #333333;&nbsp; background-image: repeating-radial-gradient(blue, brown 20%, green 10%);} ]]>
        </content:encoded>
    </item>

    

</channel>
</rss>