css十六进制颜色对照表(css水平线怎么设置颜色)
哪两种颜色可以调成红色 16.CSS中使用颜色
使用颜色
在计算机中,传统的模型之一为RGB模型,所有颜色都是通过红色、蓝色、绿色三种颜色进行组合;我们通过数值去表示例如红色(255.0.0)、蓝色(0.0.255)、绿色(0.255.0)白色(255.255.255)、黑色(0.0.0)洋红色(255.0.255)、青色(0.255.255)、黄色(255.255.0)CSS中rgb的表示
CSS中,我们可以使用rgb 或者十六进制 去表示颜色例如rgb(0,255,255)#表示青色rgb(244,179,63)#橙色除此之外,我们还可以设置透明度,称之为alpha例如rgba(0,255,255,0.3)#看上去稍微淡一点的青色
十六进制表示法
我们将使用0-FF的比例来代表颜色,最常用例如
#00ffff表示青色,FF和255都一样,只是FF是用十六进制表示
注在写VS代码中,我们经常会使用颜色板去查找颜色且在实际生活中,我们经常会使用十六进制去表示颜色,如果我们需要使用到透明度,我们还是会使用rgba函数
注意在RGB模型中,三种颜色所占的比例一致时,就是灰色。所以灰色有很多种不同的灰色
回到之前的代码中
我们将标题1设置一个颜色h1 {font-size: 26pxtext-transform: uppercasefont-style: italiccolor:#1098ad}我们需要列表都是一个颜色,用一个列表选择器代替上面的写法
h1,h2,h3 {color: #1098ad}除此之外,我们现在将所有的段落字体设置为好看的灰色
h1,h2,h3,h4,p,li {font-family: sans-serifcolor: #444}h1,h2,h3 {color: #1098ad}
注意h123的颜色还是#1098ad,CSS中如果一个元素多次被定义颜色,使用的那个;
为了突出我们的页眉部分,我们将页眉部分添加好看的灰色底色###HTML代码ltheader class=#34main-header#34gt lth1gt代码介绍lt/h1gt ltnavgt lta href=#34./blog.html#34gtBLOGlt/agt lta href=#34##34gt挑战lt/agt lta href=#34##34gt弹性盒子lt/agt lta href=#34##34gtCSSlt/agt lt/navgt lt/headergt ###CSS代码 .main-header {background-color: #f7f7f7}除此之外,我们将下方的模块添加一个好看的边框
###HTML代码ltasidegt lth4gt相关文章lt/h4gt ltul class=#34related#34gt ltligt ltimg src=#34img/related-1.jpg#34 alt=#34related-1#34 width=#3475px#34 height=#3475px#34 /gtlta href=#34##34gt如何去学习网页开发lt/agt ltp class=#34related-author#34gt作者乔纳斯·施梅德特曼lt/pgt lt/ligt ltligt ltimg src=#34img/related-2.jpg#34 alt=#34related-2#34 width=#3475px#34 height=#3475px#34 /gt lta href=#34##34gtCSS 的未知力量lt/agt ltp class=#34related-author#34gt作者吉姆.狄龙lt/pgt lt/ligt ltligt ltimg src=#34img/related-3.jpg#34 alt=#34related-3#34 width=#3475px#34 height=#3475px#34 /gt lta href=#34##34gt为什么 JavaScript 很棒lt/agt ltp class=#34related-author#34gt作者玛蒂尔达lt/pgt lt/ligt lt/ulgt lt/asidegt###CSS代码aside { background-color: #f7f7f7 border: 5px solid #1098ad}###border: 边框5px粗 实心 边框颜色我们只希望顶部和底部有边框,很简单,如下
aside {background-color: #f7f7f7border-top: 5px solid #1098adborder-bottom: 5px solid #1098ad}
css水平线怎么设置颜色 css字体颜色设置