2023年6月20日发(作者：)

html怎么给段落设置背景⾊,css的（⽂字、背景、段落）样式⽂字样式属性：font-style:normal/ italic [设置⽂本为斜体]font-weight:normal(100-500)/ bold(600-900) [设置⽂本为粗体]font-family: “⽂本字体1”,”⽂本字体2”; [⽂本类型]text-align:left/center/right [⽂本⽔平对齐⽅式]vertical-align:top/middle/bottom[垂直对齐⽅式]line-height:数字px;[设置⽂本在⼀⾏内的⾼度]设置⽂本简写⽅式font:加粗 倾斜 ⽂本⼤⼩/⾏⾼ “字体”;最简⽅式 font:⽂本⼤⼩ “字体”;如果没有设置到的视为缺省值还原默认text-decoration ⽂本修饰none:没有修饰underline:添加下划线overline:添加上划线line-through:添加删除线text-indent ⾸⾏缩进例：text-indent:2em;⽂本⼤⼩写text-transform:uppercase单词都⼤写lowercase单字都⼩写capitalize每个单词⾸字母⼤写知识点 颜⾊颜⾊属性⼗六进制值#f00 #fa0000 red颜⾊模式：光⾊模式R G BFF 00 00字间距{letter-spacing:value;} 控制英⽂字母和汉字的字距。词间距{word-spacing:value;} 控制英⽂单词词距。#FF0000rgb(255,0,0)red;知识点-family 字体⽂本类型.p1{font-family:"宋体";}.p2{font-family:"微软雅⿊";}.p3{font-family:"华⽂彩云";}.p4{font-family:"华⽂琥珀";}.p5{font-family:"华⽂陆帅";}.p6{font-family:"华⽂陆帅","Arial","Angsana New","华⽂彩云","华⽂琥珀";}指定字体：p {font-family: Georgia;}如果制定的字体不存在，使⽤通⽤字体：p {font-family: Georgia, serif;}候选字体系列p {font-family: Times, Georgia, 'New York', serif;}如果字体中有空格，需要⽤引号。知识点-size 字号font-size:12px;单位(通常单位为像素)px像素 pt点 em倍距3pt=4pxem是根据⾃⾝的字体的⼤⼩来决定多少像素；元素的默认⼤⼩是16px；1em=16px⽂字⼤⼩：(设置⽂字的⼤⼩ 通常⽹页的字体为12px或14px)标准尺⼨xx-small x-small small medium large x-large xx-large相对⽗元素尺⼨smaller larger inherit(从⽗元素直接继承尺⼨) 百分⽐%值数值字体的⼤⼩.p1{font-size:18px;}.p2{font-size:16px;}.p3{font-size:14px;}知识点4.单位em和remCSS3 引⼊了⼀些新的尺⼨单位，这⾥重点推荐⼀个：rem 或者成为(根 em)。⽬前主流 的现代浏览器都很稳定的⽀持。它和 em、百分⽐不同的是，它不是与⽗元素挂钩，⽽是相 对于根元素的⽂本⼤⼩来计算的，这样能更好的统⼀整体页⾯的风格。//⾸先，来⼀段 HTML标题⼩标题我是⼀个段落，我是⼀段代码//其次来⼀段 CSShtml { font-size: 62.5%; }h1 { font-size: 3em; }p { font-size: 1.4em; }这⾥做⼏个解释，我们在之前的 Web 设计中⼤量使⽤了 px 单位进⾏布局。因为，早期 的固定布局使⽤ px 较为⽅便，逐渐养成了这种习惯。⽽使⽤ em 单位其实更加灵活，尤其 是在修改样式时，只需要修改⼀下挂钩元素的那个⼤⼩即可，⽆须每个元素⼀个个修改。但就算是 em，还是有⼀定问题。⽹页默认的字号⼤⼩为 16px，然后通过设置 62.5%，将⽹页基准设置为 10px。⽽设置为 3em，就是⾃⾝⼤⼩的 3 倍；设置为 1.4em，就是 10px 的 1.4 倍，即 14px。现在问题来了，⾥⾯的⽂本想设置 11px，怎么办呢？设置 1.1em 吗？不对，因 为它挂钩的⽗元素不是⽽是变成了 14px 的 1.1 倍了，⽽想设置 11px，则需要 设置 0.786 倍才⾏。但是，这样的计算量太⼤了。所以，W3C 推出了直接基于根元素单位： rem。em 相对⽗级元素字体⼤⼩/*⾸⾏缩进可以书写负数*/p{width:300px;border:1px solid #000;height:200px;margin:0 auto;text-indent:2em;font-size:20px;}rem 相对根元素字体⼤⼩知识点5. Font-weight 加粗normal：默认值bold：粗体bolder：更粗体lighter：更细体100，200，300，400，500，600，700，800，900inherit：⽗级继承知识点-style 样式默认：normalitalic：斜体oblique：倾斜inherit：集成⽗级字体样式知识点7. Font-variant ⼩写⼤写字母默认：normal⼩型⼤写字母：small-caps；继承⽗级：inherit；知识点8. font ⽂字样式简写p {font ：italic bold 12px/20px arial,sans-serif;}直接描述字体的所有属性。⼦主题 1⽂本简写⽅式p{width:400px;height:200px;border:1px solid black;}/* font:加粗 倾斜 ⽂字⼤⼩/⽂字⾏⾼ ⽂字类型 */.p1{font:700 italic 40px/200px "华⽂彩云";}/* font:⾄少需要⽂字⼤⼩ 和 ⽂字类型 否则font⽆效化 */.p2{font:40px "";}/*简写缺损的值 会还原成默认效果*/.p3{font-weight:700;line-height:200px;font:italic 40px "";/*font-sizefont-weightfont-stylefont-familyline-height*/}9、⽂本⽔平对齐的⽅式⽂本⽔平对齐div{background:yellow;text-align:center;}div b{background:green;}p{text-align:center;background:skyblue;}span{text-align:center;background:pink;}10、⽂本修饰属性⽂本修饰属性.p1{text-decoration:none;}.p2{text-decoration:overline;}.p3{text-decoration:line-through;}.p4{text-decoration:underline;}a{text-decoration:none;}/*去除下划线*/11、字词间距字词间距-不要学.p1{letter-spacing:40px;}.p2{word-spacing:40px;}兼容前缀兼容前缀-o-Presto-ms-Trident-moz-Gecko-webkit-Webkit很久以前：浏览器前缀CSS3和正常CSS3都不⽀持；不久之前：浏览器只⽀持前缀CSS3，不⽀持正常CSS3；现在：有些浏览器既⽀持前缀CSS3，⼜⽀持正常CSS3；未来：所有浏览器不⽀持前缀CSS3，仅⽀持正常CSS3.渐进增强⼀开始就针对低版本浏览器进⾏构建页⾯到⾼版本的变化-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;优雅降级⼀开始就构建⽹站针对⾼版本向低版本进⾏兼容border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;段落样式知识点ion 设置⽂本⽅向ltr：默认从左到右rtl：⽂本⽅向从右向左inherit继承⽗元素的⽅向属性(IE任何版本不⽀持)知识点-align ⽔平对齐left：左right：右center：居中justify：两端对齐inherit：继承⽗级(IE不⽀持)知识点-indent ⽂本⾸⾏缩进length：默认是0；固定缩进%，相对⽗级元素宽度的百分⽐缩进inherit：继承⽗级的缩进。(IE不⽀持)知识点-height ⾏⾼normal：默认⾏间距数字：⾼度，此数字会与当前字体尺⼨相乘来设置⾏间距length：固定⾏间距%：当前字体尺⼨的百分⽐间距inherit：继承⽗级的⾏⾼属性值；(IE不⽀持)知识点-transform ⽂本⼤⼩写none：默认标准⽂本capitalize：每个单词以⼤写字母开头uppercase：仅⼤写字母lowercase：仅⼩写字母inherit：集成⽗级元素属性(IE不⽀持)知识点-space 空⽩处理及换⾏normal：默认空⽩被浏览器忽略pre：空⽩会被浏览器保留。nowrap：⽂本不换⾏，直到遇到br标签pre-wrap：保留空⽩序列，但是正常的进⾏换⾏pre-line：合并空⽩序列，保留换⾏符inherit：继承⽗级设置。(IE不⽀持)知识点7. letter-spacing 字母间距normal：默认间距length：固定字母间距(允许使⽤负值)inherit：继承⽗级元素的字间距知识点8. text-decoration ⽂本修饰none ：默认，标准⽂本underline：下划线overline：上划线line-through：穿过⽂本的线条blink：闪烁⽂本--------以前的Firefox⽀持，现在什么浏览器都不⽀持了inherit：继承⽗级的装饰(IE不⽀持)知识点-spacing 词间距normal：默认字间距length：固定字间距inherit：继承⽗级间距(IE不⽀持)背景样式背景颜⾊background-color:#f00;背景图⽚background-image:url(图⽚路径);背景图⽚平铺属性background-repeat:repeat 默认平铺repeat-x 横向平铺repeat-y纵向平铺no-repeat 不平铺背景图位置background-position:值1(⽔平) 值2(垂直)left/center/right/数值top/center/bottom/数值数值可以设置负值背景简写：background:颜⾊ 图⽚路径 是否平铺 位置;位置如果不写的话；就会在左上⾓，如果只写⽔平距离的上的值不写垂直上⾯的值的话，垂直上⾯的值默认为center；⼩扩展常⽤图⽚格式jpg (图⽚有损质量 但⾁眼难分辨 来减⼩图⽚⼤⼩ 图⽚⾮搂空使⽤);png(图⽚有损质量 但⾁眼分辨不出 来减⼩图⽚⼤⼩ 搂空图⽚使⽤的格式)gif (图⽚有损严重 ⾁眼容易分别 常⽤与做动图)知识点ound-size 背景尺⼨20px 20px50% 50%contain--使原始图像的宽度或⾼度完全等于元素的宽度或⾼度cover--使原始图像在维持纵横⽐的前提下将背景图像⾃动缩放到填满元素内部知识点ound-color 背景颜⾊颜⾊名字：例如red颜⾊16进制数值：例如#FF0000；rgb⾊值：rgb(255，0，0)rgba⾊值：rgba(255,255,255,0.4)transparent：默认背景透明inherit：继承⽗级的背景⾊(不⽀持IE)；知识点ound-image 背景图⽚url()：指向背景图⽚none：⽆背景图像，默认inherit：继承⽗级的背景图像⼀个元素中显⽰多个背景：background--image:url(),url(),url();background-repeat:no-repeat,repeat-x,repeat-y;banckground-position:3% 98%,center,top;知识点ound-repeat 背景图像重复repeat：默认，垂直⽔平重复repeat-x：⽔平⽅向重复repeat-y：垂直⽅向重复no-repeat：不重复inherit：继承⽗级设置(IE不⽀持)知识点ound-position 背景图像位置英⽂位置标识如果只规定第⼀个，第⼆个必然是centertop lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right百分⽐百分⽐ x%，y% 如果只规定第⼀个，另⼀个必然是50%值xpose，ypose：x，y的值，如果只规定第⼀个，另⼀个必然是50%注意正负值知识点ound-attachment 背景附件(固定，滚动)scroll：默认值，背景图像会随着页⾯其余部分滚动⽽滚动fixed:背景固定，不随滚动条滚动inherit：继承⽗级元素知识点7. background 背景样式简写background: #00FF00 url() no-repeat fixed top;background:url(anli/CSS3Fullbackground/) left center/40px 200px;图⽚的路径、图像的定位、背景图像的⼤⼩(⼀般与背景框的⼤⼩⼀致)知识点8.透明 opacityopacity:0.5;注意，如果设置容器的透明度，是指容器和⾥⾯所有的东西都会透明，不是容器背景透明代码背景图.box{width:500px;height:500px;border:1px solid #000;background-image:url(images/);background-repeat:no-repeat;/*平铺属性*//*背景图位置只写⼀个 带⼆个会⾃动识别为居中*/background-position:-30px -50px;background-color:#0f0;background:#f9f;/*background-color:#f9f;background-image:none;background-repeat:repeat;background-position:auto auto;*/background:#f9f url(images/) no-repeat right bottom;}背景颜⾊div{width:300px;height:100px;}.bg{ background:#f99;}.bgcolor{background-color:#99f;}

2023年6月20日发(作者：)

html怎么给段落设置背景⾊,css的（⽂字、背景、段落）样式⽂字样式属性：font-style:normal/ italic [设置⽂本为斜体]font-weight:normal(100-500)/ bold(600-900) [设置⽂本为粗体]font-family: “⽂本字体1”,”⽂本字体2”; [⽂本类型]text-align:left/center/right [⽂本⽔平对齐⽅式]vertical-align:top/middle/bottom[垂直对齐⽅式]line-height:数字px;[设置⽂本在⼀⾏内的⾼度]设置⽂本简写⽅式font:加粗 倾斜 ⽂本⼤⼩/⾏⾼ “字体”;最简⽅式 font:⽂本⼤⼩ “字体”;如果没有设置到的视为缺省值还原默认text-decoration ⽂本修饰none:没有修饰underline:添加下划线overline:添加上划线line-through:添加删除线text-indent ⾸⾏缩进例：text-indent:2em;⽂本⼤⼩写text-transform:uppercase单词都⼤写lowercase单字都⼩写capitalize每个单词⾸字母⼤写知识点 颜⾊颜⾊属性⼗六进制值#f00 #fa0000 red颜⾊模式：光⾊模式R G BFF 00 00字间距{letter-spacing:value;} 控制英⽂字母和汉字的字距。词间距{word-spacing:value;} 控制英⽂单词词距。#FF0000rgb(255,0,0)red;知识点-family 字体⽂本类型.p1{font-family:"宋体";}.p2{font-family:"微软雅⿊";}.p3{font-family:"华⽂彩云";}.p4{font-family:"华⽂琥珀";}.p5{font-family:"华⽂陆帅";}.p6{font-family:"华⽂陆帅","Arial","Angsana New","华⽂彩云","华⽂琥珀";}指定字体：p {font-family: Georgia;}如果制定的字体不存在，使⽤通⽤字体：p {font-family: Georgia, serif;}候选字体系列p {font-family: Times, Georgia, 'New York', serif;}如果字体中有空格，需要⽤引号。知识点-size 字号font-size:12px;单位(通常单位为像素)px像素 pt点 em倍距3pt=4pxem是根据⾃⾝的字体的⼤⼩来决定多少像素；元素的默认⼤⼩是16px；1em=16px⽂字⼤⼩：(设置⽂字的⼤⼩ 通常⽹页的字体为12px或14px)标准尺⼨xx-small x-small small medium large x-large xx-large相对⽗元素尺⼨smaller larger inherit(从⽗元素直接继承尺⼨) 百分⽐%值数值字体的⼤⼩.p1{font-size:18px;}.p2{font-size:16px;}.p3{font-size:14px;}知识点4.单位em和remCSS3 引⼊了⼀些新的尺⼨单位，这⾥重点推荐⼀个：rem 或者成为(根 em)。⽬前主流 的现代浏览器都很稳定的⽀持。它和 em、百分⽐不同的是，它不是与⽗元素挂钩，⽽是相 对于根元素的⽂本⼤⼩来计算的，这样能更好的统⼀整体页⾯的风格。//⾸先，来⼀段 HTML标题⼩标题我是⼀个段落，我是⼀段代码//其次来⼀段 CSShtml { font-size: 62.5%; }h1 { font-size: 3em; }p { font-size: 1.4em; }这⾥做⼏个解释，我们在之前的 Web 设计中⼤量使⽤了 px 单位进⾏布局。因为，早期 的固定布局使⽤ px 较为⽅便，逐渐养成了这种习惯。⽽使⽤ em 单位其实更加灵活，尤其 是在修改样式时，只需要修改⼀下挂钩元素的那个⼤⼩即可，⽆须每个元素⼀个个修改。但就算是 em，还是有⼀定问题。⽹页默认的字号⼤⼩为 16px，然后通过设置 62.5%，将⽹页基准设置为 10px。⽽设置为 3em，就是⾃⾝⼤⼩的 3 倍；设置为 1.4em，就是 10px 的 1.4 倍，即 14px。现在问题来了，⾥⾯的⽂本想设置 11px，怎么办呢？设置 1.1em 吗？不对，因 为它挂钩的⽗元素不是⽽是变成了 14px 的 1.1 倍了，⽽想设置 11px，则需要 设置 0.786 倍才⾏。但是，这样的计算量太⼤了。所以，W3C 推出了直接基于根元素单位： rem。em 相对⽗级元素字体⼤⼩/*⾸⾏缩进可以书写负数*/p{width:300px;border:1px solid #000;height:200px;margin:0 auto;text-indent:2em;font-size:20px;}rem 相对根元素字体⼤⼩知识点5. Font-weight 加粗normal：默认值bold：粗体bolder：更粗体lighter：更细体100，200，300，400，500，600，700，800，900inherit：⽗级继承知识点-style 样式默认：normalitalic：斜体oblique：倾斜inherit：集成⽗级字体样式知识点7. Font-variant ⼩写⼤写字母默认：normal⼩型⼤写字母：small-caps；继承⽗级：inherit；知识点8. font ⽂字样式简写p {font ：italic bold 12px/20px arial,sans-serif;}直接描述字体的所有属性。⼦主题 1⽂本简写⽅式p{width:400px;height:200px;border:1px solid black;}/* font:加粗 倾斜 ⽂字⼤⼩/⽂字⾏⾼ ⽂字类型 */.p1{font:700 italic 40px/200px "华⽂彩云";}/* font:⾄少需要⽂字⼤⼩ 和 ⽂字类型 否则font⽆效化 */.p2{font:40px "";}/*简写缺损的值 会还原成默认效果*/.p3{font-weight:700;line-height:200px;font:italic 40px "";/*font-sizefont-weightfont-stylefont-familyline-height*/}9、⽂本⽔平对齐的⽅式⽂本⽔平对齐div{background:yellow;text-align:center;}div b{background:green;}p{text-align:center;background:skyblue;}span{text-align:center;background:pink;}10、⽂本修饰属性⽂本修饰属性.p1{text-decoration:none;}.p2{text-decoration:overline;}.p3{text-decoration:line-through;}.p4{text-decoration:underline;}a{text-decoration:none;}/*去除下划线*/11、字词间距字词间距-不要学.p1{letter-spacing:40px;}.p2{word-spacing:40px;}兼容前缀兼容前缀-o-Presto-ms-Trident-moz-Gecko-webkit-Webkit很久以前：浏览器前缀CSS3和正常CSS3都不⽀持；不久之前：浏览器只⽀持前缀CSS3，不⽀持正常CSS3；现在：有些浏览器既⽀持前缀CSS3，⼜⽀持正常CSS3；未来：所有浏览器不⽀持前缀CSS3，仅⽀持正常CSS3.渐进增强⼀开始就针对低版本浏览器进⾏构建页⾯到⾼版本的变化-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;优雅降级⼀开始就构建⽹站针对⾼版本向低版本进⾏兼容border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;段落样式知识点ion 设置⽂本⽅向ltr：默认从左到右rtl：⽂本⽅向从右向左inherit继承⽗元素的⽅向属性(IE任何版本不⽀持)知识点-align ⽔平对齐left：左right：右center：居中justify：两端对齐inherit：继承⽗级(IE不⽀持)知识点-indent ⽂本⾸⾏缩进length：默认是0；固定缩进%，相对⽗级元素宽度的百分⽐缩进inherit：继承⽗级的缩进。(IE不⽀持)知识点-height ⾏⾼normal：默认⾏间距数字：⾼度，此数字会与当前字体尺⼨相乘来设置⾏间距length：固定⾏间距%：当前字体尺⼨的百分⽐间距inherit：继承⽗级的⾏⾼属性值；(IE不⽀持)知识点-transform ⽂本⼤⼩写none：默认标准⽂本capitalize：每个单词以⼤写字母开头uppercase：仅⼤写字母lowercase：仅⼩写字母inherit：集成⽗级元素属性(IE不⽀持)知识点-space 空⽩处理及换⾏normal：默认空⽩被浏览器忽略pre：空⽩会被浏览器保留。nowrap：⽂本不换⾏，直到遇到br标签pre-wrap：保留空⽩序列，但是正常的进⾏换⾏pre-line：合并空⽩序列，保留换⾏符inherit：继承⽗级设置。(IE不⽀持)知识点7. letter-spacing 字母间距normal：默认间距length：固定字母间距(允许使⽤负值)inherit：继承⽗级元素的字间距知识点8. text-decoration ⽂本修饰none ：默认，标准⽂本underline：下划线overline：上划线line-through：穿过⽂本的线条blink：闪烁⽂本--------以前的Firefox⽀持，现在什么浏览器都不⽀持了inherit：继承⽗级的装饰(IE不⽀持)知识点-spacing 词间距normal：默认字间距length：固定字间距inherit：继承⽗级间距(IE不⽀持)背景样式背景颜⾊background-color:#f00;背景图⽚background-image:url(图⽚路径);背景图⽚平铺属性background-repeat:repeat 默认平铺repeat-x 横向平铺repeat-y纵向平铺no-repeat 不平铺背景图位置background-position:值1(⽔平) 值2(垂直)left/center/right/数值top/center/bottom/数值数值可以设置负值背景简写：background:颜⾊ 图⽚路径 是否平铺 位置;位置如果不写的话；就会在左上⾓，如果只写⽔平距离的上的值不写垂直上⾯的值的话，垂直上⾯的值默认为center；⼩扩展常⽤图⽚格式jpg (图⽚有损质量 但⾁眼难分辨 来减⼩图⽚⼤⼩ 图⽚⾮搂空使⽤);png(图⽚有损质量 但⾁眼分辨不出 来减⼩图⽚⼤⼩ 搂空图⽚使⽤的格式)gif (图⽚有损严重 ⾁眼容易分别 常⽤与做动图)知识点ound-size 背景尺⼨20px 20px50% 50%contain--使原始图像的宽度或⾼度完全等于元素的宽度或⾼度cover--使原始图像在维持纵横⽐的前提下将背景图像⾃动缩放到填满元素内部知识点ound-color 背景颜⾊颜⾊名字：例如red颜⾊16进制数值：例如#FF0000；rgb⾊值：rgb(255，0，0)rgba⾊值：rgba(255,255,255,0.4)transparent：默认背景透明inherit：继承⽗级的背景⾊(不⽀持IE)；知识点ound-image 背景图⽚url()：指向背景图⽚none：⽆背景图像，默认inherit：继承⽗级的背景图像⼀个元素中显⽰多个背景：background--image:url(),url(),url();background-repeat:no-repeat,repeat-x,repeat-y;banckground-position:3% 98%,center,top;知识点ound-repeat 背景图像重复repeat：默认，垂直⽔平重复repeat-x：⽔平⽅向重复repeat-y：垂直⽅向重复no-repeat：不重复inherit：继承⽗级设置(IE不⽀持)知识点ound-position 背景图像位置英⽂位置标识如果只规定第⼀个，第⼆个必然是centertop lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right百分⽐百分⽐ x%，y% 如果只规定第⼀个，另⼀个必然是50%值xpose，ypose：x，y的值，如果只规定第⼀个，另⼀个必然是50%注意正负值知识点ound-attachment 背景附件(固定，滚动)scroll：默认值，背景图像会随着页⾯其余部分滚动⽽滚动fixed:背景固定，不随滚动条滚动inherit：继承⽗级元素知识点7. background 背景样式简写background: #00FF00 url() no-repeat fixed top;background:url(anli/CSS3Fullbackground/) left center/40px 200px;图⽚的路径、图像的定位、背景图像的⼤⼩(⼀般与背景框的⼤⼩⼀致)知识点8.透明 opacityopacity:0.5;注意，如果设置容器的透明度，是指容器和⾥⾯所有的东西都会透明，不是容器背景透明代码背景图.box{width:500px;height:500px;border:1px solid #000;background-image:url(images/);background-repeat:no-repeat;/*平铺属性*//*背景图位置只写⼀个 带⼆个会⾃动识别为居中*/background-position:-30px -50px;background-color:#0f0;background:#f9f;/*background-color:#f9f;background-image:none;background-repeat:repeat;background-position:auto auto;*/background:#f9f url(images/) no-repeat right bottom;}背景颜⾊div{width:300px;height:100px;}.bg{ background:#f99;}.bgcolor{background-color:#99f;}