13518219792
您好！根据我对你描述的问题，我是这样理解的。
创新互联服务项目包括奉新网站建设、奉新网站制作、奉新网页制作以及奉新网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，奉新网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到奉新省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
代码（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，在进一步学习？如果是初学的话，建议借助一些书籍做系统性学习。
