mNo edit summary |
m (Text replacement - "\<p(.*?)\>(.*?)\<\/p>" to "<span$1>$2</span>") |
||
| Line 22: | Line 22: | ||
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><font color="blue">background-color:</font><font color="red">select a color</font color></div> | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><font color="blue">background-color:</font><font color="red">select a color</font color></div> | ||
<p>Let's take our lorem ipsum paragraph and change the background color to blue and the font to white. Here is the attribute coding:<br><br> | <p>Let's take our lorem ipsum paragraph and change the background color to blue and the font to white. Here is the attribute coding:<br><br> | ||
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><nowiki>< | <div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><nowiki><span style="</nowiki><font color="blue">background-color:</font><font color="red">blue; </font><font color="blue">color:</font><font color="red">white</font color>">Lorem ipsum...<nowiki></span></nowiki></font color></div><br> | ||
*Here is the result: | *Here is the result: | ||
< | <span style="color:white; background-color:blue; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.</span> | ||
< | <span>Again, here is the link to a list of colors accepted by all browsers: [http://www.w3schools.com/html/html_colornames.asp list]. </span> | ||
edits