Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Set a Background Image

Use the background-image property with the url method to set the background color for an element.

Set a Background Image for a Div

Download Free Ebooks at bucarotechelp.com

<span style="background-image: url('path/imagename')">Download Free Ebooks at bucarotechelp.com</span>

Set a Background Image for a Webpage

<body style="background-image: url('path/imagename')">

The default background attachment is for the background image to scroll with the webpage, but you can set the background-attachment property to fixed to make the background image remain fixed while the other elements on the webpage scroll:

<body style="background-image: url('path/imagename'); background-attachment: fixed;">

Set a Background Image for a Form

Password:
<form style="border-style:solid; border-width:1px; width:300px; background-image: url('path/imagename');">
Password: <input type="text">
<input type="button" value="Submit" onclick="javascript:return false;">
</form>

Repeat a Background Image Horizontally or Vertically

Use the background-repeat property to set a background image to be repeated. background-repeat may be set to the following values.

no-repeat  background image will be displayed only once
repeat-xbackground image will be repeated horizontally
repeat-ybackground image will be repeated vertically
repeatbackground image will be repeated horizontally and vertically

Download Free Ebooks at bucarotechelp.com
Download Free Ebooks at bucarotechelp.com
Download Free Ebooks at bucarotechelp.com

<span style="background-image:url('path/imagename.jpg'); background-repeat:repeat-y;">
Download Free Ebooks at bucarotechelp.com<br />
Download Free Ebooks at bucarotechelp.com<br />
Download Free Ebooks at bucarotechelp.com</span>

More CSS Quick Reference:
• position:relative
• Class Selector
• Use an Embedded Style Sheet
• Set the Border Style
• Style the First Line
• Set the Line Spacing
• Pseudo-class Selectors
• Set an Element's Overlap (z-index)
• Style the First Letter
• Set an Element's Visibility

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2024 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268