您好!根据我对你描述的问题,我是这样理解的。
创新互联服务项目包括奉新网站建设、奉新网站制作、奉新网页制作以及奉新网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,奉新网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到奉新省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
代码(html5中)背景颜色——更换成图片上的某点的颜色。
我的回答是:把图片放入到图片编辑软件(例如:PS)中,单击 颜色块
弹出一个拾色器。复制红色框框中的颜色值,粘贴到html5中即可。(例如:background:#c62013;)
html5不用font为字体设置颜色的方法:
1、定义要设置的文字范围,并用span标签包围
2、编写span的class,定义color属性。
html代码如下:
p这是一个测试 span class="redText"颜色/span 的例子/p
css编写如下:
.redText
{
color: red;
}
运行效果:
在设置颜色时有多种方法:
采用颜色的英文单词 比如 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表示不透明。
mark 标签定义带有记号的文本。请在需要突出显示文本时使用 m 标签
可以通过css改变
mark{
background-color:red;//设置背景颜色
color:white;//设置文字颜色
}
HTML5 简单的颜色选取器
!DOCTYPE html
html lang="zh"
head
meta charset="gbk" /
titleCanvas Example 4 (Detecting Colors)/title
script
window.onload = function () {
//获取页面DOM元素
var preview = document.getElementById('preview');
var r = document.getElementById('r');
var g = document.getElementById('g');
var b = document.getElementById('b');
var a = document.getElementById('a');
var mx = document.getElementById('mx');
var my = document.getElementById('my');
var canvas = document.getElementById('myCanvas');
//绑定鼠标移动事件
canvas.addEventListener('mousemove', move, false);
var c = canvas.getContext('2d');
var building = new Image()
building.src = "cinema.png";//加载图片
building.onload=draw;
function draw () {
c.drawImage(building, 0, 0, canvas.width, canvas.height);
}
function move (e) {
//在页面显示鼠标相对于窗口的坐标
mx.innerHTML = e.clientX;
my.innerHTML = e.clientY;
//获取图像数据
var img = c.getImageData(e.clientX, e.clientY, 1, 1);
var idata = img.data;
//获取像素值
var red = idata[0];
var green = idata[1];
var blue = idata[2];
var alpha = idata[3];
//在页面显示像素的R,G,B,A值
r.innerHTML = red;
g.innerHTML = green;
b.innerHTML = blue;
a.innerHTML = (alpha 0) ? alpha : 'Transparent';
preview.style.backgroundColor = 'rgba(' + red + ', ' + green + ', ' + blue + ', ' + alpha + ')';
}
}
/script
style type="text/css" media="screen"
body { margin: 0px; padding: 0px; }
canvas {
border: 1px solid black;
float: left;
}
ul {
list-style: none;
margin: 10px 10px 10px 10px;
padding: 0px;
float: left;
}
ul li { font-weight: bold; }
ul li span { font-weight: normal; }
ul li #preview { width: 50px; height: 50px; border: 1px solid black; }
/style
/head
body
canvas id="myCanvas" width="300" height="300"
Your browser doesn't include support for the canvas tag.
/canvas
ul
lidiv id="preview"/div/li
liRed: span id="r"NULL/span/li
liGreen: span id="g"NULL/span/li
liBlue: span id="b"NULL/span/li
liAlpha: span id="a"NULL/span/li
liMouse X: span id="mx"NULL/span/li
liMouse Y: span id="my"NULL/span/li
/ul
/body
/html
这种情况下,通常为底部div设置背景颜色(蓝色部分),为子div设置背景图(灰色部分,存储为png即可)
如果你一定要用代码实现的话,可以使用canvas,进行矢量图的绘制
是初学HTML还是已经懂得HTML和CSS,在进一步学习?如果是初学的话,建议借助一些书籍做系统性学习。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款