CSS Images
#hv_css_exp {
background-image: url(../images/hvcss.png);
background-repeat: no-repeat;
height: 300px;
width: 90%;
color: #000;
padding-top: 50px;
font-weight: normal;
font-size: 12px;
float: left;
}
Our HTML Element id=”hv_css_exp” has defined a line within the grouping to use the image hvcss.png as the background for that particular area.
Example background-image: url(../images/hvcss.png);
CSS Float Image
CSS has the capabilities to float your image Example:
img.floatLeft {
float: left;
margin: 5px;
}
img.floatRight {
float: right;
margin: 5px;
}
CSS Transparent Image
Original Image
Transparent Image
<img src="../images/helpvid-icon.jpg" width="100" height="100" alt="helpvid_logo"
style="opacity:0.4;filter:alpha(opacity=40)" />
CSS Mouseover Image
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('css helpvid','','../images/helpvid-icon.jpg',1)"><img src="../images/up_helpvid-icon.png" alt="helpvid" name="css helpvid" width="88" height="88" border="0" id="css helpvid" /></a>
Recommended Bookmarks
Keyword Metatagger
Special Characters - Shortcut Keys
Colour Picker
Free Web Design Tools
Screen Magnifier
Color Detector
Zoom It Tool
Check your Website Ranking
Free Web Hosting
Animated Favicon
Share Button
Add This Button
Dreamweaver Templates
SEO Optimization Tools
W3C Validate HTML
W3C Validate CSS
HTML Tidy
Create a Sitemap.xml
Web Page Analyser
Buy us Dinner
Google Ads
Connect with helpvid
Most Valuable Keywords Study
