十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
在设置颜色时有多种方法:
成都创新互联主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务高州,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
采用颜色的英文单词 比如 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表示不透明。
html5不用font为字体设置颜色的方法:
1、定义要设置的文字范围,并用span标签包围
2、编写span的class,定义color属性。
html代码如下:
p这是一个测试 span class="redText"颜色/span 的例子/p
css编写如下:
.redText
{
color: red;
}
运行效果:
字体颜色在网页设计中是最常见的功能之一,复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式,有如下几种。
1、首先在桌面新建一个文件夹,然后新建两个text文件;分别将text文件重命名为index.html和css.css。
2、用记事本打开index.html文件,输入以下代码。
3、用浏览器打开浏览效果。
4、编辑index.html,在p标签内输入以下代码;font color="#008252"字体颜色的不同设置方法/font。
5、浏览器浏览效果,这样就完成了。
通过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:absolute;left:10px;top:10px; 采用决定定位,基于父级以上(使用了定位方有效)绝对定位,left和top为偏移,同样还有right,bottom做四个方向的偏移控制
float:right; 块浮动,可选left,right。这个属性会将元素从同级元素的占位中浮起来,不占位,并基于父元素做漂浮到左边或右边,不占位,跟普通元素会重叠,但是跟同样带float的可以有体积碰撞行成排列对齐的作用。
color:red; 表示字体是红色。属性可以以常见的颜色单词,常用的采用RGB色值表示,比如#FFFFFF表示白色
可以用css改变字体的大小和颜色。
1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:
2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:
3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色: