Using CSS to achieve blinking text is highly discouraged; It has bad browser support and standardization. Some browsers may display it and others won't; Some won't display it at all!
You would have better browser support if you used JavaScript, but if you are still pushing to use CSS, the official way to create blinking text would be to use the text-decoration property with a blink value.
Example 1body{text-decoration: blink}
The above CSS will make any text in
blink.Example 2.blink{text-decoration: blink}
The above CSS will make any text in blink.
shading
See how this grabs you: /* Example stylesheet with black background, white text, yellow links and borderless images */ * { padding: 0; margin: 0; } body { background-color: black; font-size: 12pt; font-family: "Times New Roman", serif; font-weight: bold; color: #fff; margin: 0; padding: 0; } a:link { color: #ff0; background-color: transparent; } a:visited { color: #f99; background-color: transparent; text-decoration: none; } a:hover { color: #f00; background-color: white; text-decoration: none; } h1, h2, h3{ text-align: center; font-weight: bold; font-family: Verdana, sans-serif; } img { border-style: none; background-color: transparent; }
<font style="background-color: red;">this text will have a red background</font>
<blink>anand</blink>
The background color would be a hex number like #eeeeee or the title of the color like lightslateblue p{ background: #/name }
because its fancy and we r living in the age of modern things and decoration
The background color behind text is commonly referred to as "text background" or "background color." In web design and graphic design, it can also be called "background fill" or simply "background." This color provides contrast to the text, enhancing readability and visual appeal.
Text
To print white text on a black background, you can adjust the settings on your computer or printer to change the text color to white and the background color to black before printing.
shading
Assuming the text you're trying to add a background color to text within a div: # divname { height: 100; width: 100; } function onchange(divname) { document.getElementById(divname).style.backgroundColor = "blue"; } link Or do you just want a static color behind your text? # bluebg { background-color: blue; }OR look at my text!
See how this grabs you: /* Example stylesheet with black background, white text, yellow links and borderless images */ * { padding: 0; margin: 0; } body { background-color: black; font-size: 12pt; font-family: "Times New Roman", serif; font-weight: bold; color: #fff; margin: 0; padding: 0; } a:link { color: #ff0; background-color: transparent; } a:visited { color: #f99; background-color: transparent; text-decoration: none; } a:hover { color: #f00; background-color: white; text-decoration: none; } h1, h2, h3{ text-align: center; font-weight: bold; font-family: Verdana, sans-serif; } img { border-style: none; background-color: transparent; }
Text
<font style="background-color: red;">this text will have a red background</font>
<blink>anand</blink>
The background color would be a hex number like #eeeeee or the title of the color like lightslateblue p{ background: #/name }
I believe this would be either white or black, and here are some thoughts about that: White is primarily used in background color. Gone are the days of web design when it was "cool" and "to expand on this and provide color option to make the page more attractive to the reader. Your options boil down to this: if you use a light background, use a dark text but if you use a dark background, use light text. And avoid shifty (and wild) color changes on the background behind the text.