I would like to contrast my actual links at my site with the writing (black on white) for nice contrast. How do I change color of link words so they are, say, light brown or some opther color as distinct from non-link words?How do I make my links a color to contrast with black type material around the link ?u can easily do this with html.How do I make my links a color to contrast with black type material around the link ?Using CSS:
a { color: #123; }
Change color code to whatever you want, or a word like white, green, etc. You can also add other attributes, like:
a { color: #006;
background-color: red;
text-decoration: none;
}
and make specific link states whatever you want:
a:hover { color: #00a; }
a:visited: { color: white; }
CSS is easy to add to a page without making a seperate CSS file. CSS cthings which are tags affect every tag. Tags with class names or classnames alone affect specifi items. Typical:
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;title%26gt; Bah, Humbug %26lt;/title%26gt;
%26lt;style type=%26quot;text/css%26quot;%26gt;
body { color: white;
background-color: black;
}
a { color: #006;
background-color: red;
text-decoration: none;
}
a:hover { color: #08a; }
a:visited: { color: white; }
p.xxx { color: red;
font-size: larger;
}
%26lt;/style%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26lt;p%26gt;Check out %26lt;a href=%26quot;some url%26quot;%26gt;this link%26lt;/a%26gt;%26lt;/p%26gt;
%26lt;p class=%26quot;xxx%26quot;%26gt;Peta Sucks!%26lt;/p%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;
(If you copy that into a file wit an .html extenion and view it in a browser, it works).
Color codes work like this:
color: #rgb;
where # means a hex value (numbers 0..9 continuing a..f)
r = red intensity, g = green, b is blue.
You can get more colors using #rrggbb (24bit color) values.
Most grphic editors will let you pick colors and give you the 24bit hex values for them.How do I make my links a color to contrast with black type material around the link ?In the body tag use the following attributes:
%26lt;body link=%26quot;hexa for white%26quot; vlink=%26quot;hexa for beige%26quot; alink=%26quot;hexa for yellow%26quot;%26gt;
link = the color of the links in the page
alink = the color of the link when you click on it not when you mouse over
vlink = visited link colorHow do I make my links a color to contrast with black type material around the link ?Using CSS you can change the color of your links, the color after the link has been visited, and the color when the mouse hovers over the link. You can also change the backgrounds of the links as well. You can use css directly in the page or if you want to use the same css in multiple pages refer back to specific CSS sheet.
examples of useage
a:link {text-decoration: none;
font-weight: bold;
color: #0000FF;
font-size: 18px;}
a:hover {background-image: url(%26quot;pics/ybl.gif%26quot;);
background-repeat: repeat;
color: #0000FF;
background-color: #00ff00;
text-decoration: none;
font-size: 18px;font-weight: bold;}
a:visited {color: #0000ff;
text-decoration: none;
font-size: 18px;font-weight: bold;}How do I make my links a color to contrast with black type material around the link ?go to settings
