New Thread
Advanced Reply
I have a few divs and I would like each of them to have different background color how do I do that?
Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.
DIV background color?
Tags:
DIV, background, color, different, background, color
5
24
You can use style tag to change background color:
Black
White
Black
Code:
<div style="background-color:#000;">Your HTML code</div>White
Code:
<div style="background-color:#fff;">Your HTML code</div>
1
This the easy way to edit/plus div class/div style. (create div style from Css)
example:
.main {
color:
font-size:
text-decoration:
background-color:
background-image: url("url img");
border:
margin:
padding:
}
to use this div class you just need put this <div class="main"><img src="url img"><a href="#">link.</a></div>
if you don't wan't use icon <div class="main"><a href="#">link.</a></div> .
you also can make it more cute -_-
by + this Css
.main:hover {
/*div class will change when curso touch that div class.*/
example div class that i made by my self only using Css
(nothing in it. i just create a Css, Js and Html).
example:
.main {
color:
font-size:
text-decoration:
background-color:
background-image: url("url img");
border:
margin:
padding:
}
to use this div class you just need put this <div class="main"><img src="url img"><a href="#">link.</a></div>
if you don't wan't use icon <div class="main"><a href="#">link.</a></div> .
you also can make it more cute -_-
by + this Css
.main:hover {
/*div class will change when curso touch that div class.*/
example div class that i made by my self only using Css
(nothing in it. i just create a Css, Js and Html).
85
(10-27-2013 01:58 AM)ndiey Wrote: This the easy way to edit/plus div class/div style. (create div style from Css)
example:
.main {
color:
font-size:
text-decorat...
Format your code properly from now on makes your posts very hard to read.
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
24
@ ndiey use MyCode if you want to post some code!
http://letsforum.com/misc.php?action=help&hid=7
http://letsforum.com/misc.php?action=help&hid=7
1
85
(10-29-2013 12:14 AM)ndiey Wrote: im in hurry that why i don't use the BBcode.
Then you shouldn't be posting a rushed answer
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
109
It's cool @ndiey it not a big problem! Thanks for your css code though
85
(10-29-2013 11:47 AM)marcus_avrelius Wrote: It's cool @ndiey it not a big problem! Thanks for your css code though
LOL too funny
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
109
It can be easily done using CSS class or Id tags like so.
HTML code:
CSS code:
Or
HTML code:
Code:
<div class="background"></div>
<div id="background"></div>CSS code:
Code:
<style type="text/css">
.background {
background: # f5f5f5f5;
}
#background {
background: # f5f5f5f5;
}
</style>Or
Code:
<style type="text/css">
.background div {
background: # f5f5f5f5;
}
#background div {
background: # f5f5f5f5;
}
</style>Similar Topics:
- How to change color of layout
- How to create a fixed background image on a web page?
- Photoshop how to remove background?
- How to photoshop color replacement?
- How to Set a Background Image in HTML?
- Blue Color in Web Design
- Color choice in Marketing
- Show background image or color for an empty div?
- IMG tag vs CSS background property SEO?
- How to download background images from Bing?
User(s) browsing this thread: 1 Guest(s)
