在设置颜色时有多种方法:
采用颜色的英文单词 比如 red 指红色
采用#号,后面跟6位的16进制数字,比如:#ff0000 表示红色 每个数字的取值为0~9,a~f(a表示10,f表示15)。当第1~2位、第3~4位、第5~6位的数字分别相同时,可以缩写为3位,如 #ff0000可以缩写为 #f00, #3399ff可以缩写为#39f。对于#3699ff此类不满足条件的颜色值则不能缩写
采用rgb数值表示法,比如 rgb(255, 0, 0)表示红色,三个数字分别表示红、绿、蓝,取值范围为0~255
采用rgba数值表示法,比如rgba(255, 0, 0, 0.5)表示50%透明度的红色,最后一个数字表示透明度,取值为0~1之间的小数,0表示全透明,1表示不透明。
通过css控制
text-indent:20px 表示缩进20像素
padding:20px 表示内距20像素,可以拆分成padding-left,padding-right,padding-top,padding-bottom,分别对四个方向控制,基于他的parent元素
margin:20px 表示外距20像素。跟padding类似,不过跟padding不同的padding会导致块被撑大,而margin会导致块偏移
position:absoluteleft:10pxtop:10px 采用决定定位,基于父级以上(使用了定位方有效)绝对定位,left和top为偏移,同样还有right,bottom做四个方向的偏移控制
float:right 块浮动,可选left,right。这个属性会将元素从同级元素的占位中浮起来,不占位,并基于父元素做漂浮到左边或右边,不占位,跟普通元素会重叠,但是跟同样带float的可以有体积碰撞行成排列对齐的作用。
color:red 表示字体是红色。属性可以以常见的颜色单词,常用的采用RGB色值表示,比如#FFFFFF表示白色
在html中设置表格中字体的颜色用css的style实现,下面用一个html5文档具体演示一下:
1、新建一个html文档,在html中加入table,如下图所示
2、在table中加入style属性,通过给color设置颜色值修改字体颜色,如下图所示
3、也可以将style加到head标签内,如下图所示
4、最后运行html文档,就可以看到table内的字都变颜色了,如下图所示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)