直播软件搭建，关于个人主页背景色的更改

直播软件搭建，关于个人主页背景色的更改实现的相关代码

<!DOCTYPE html><br><html><br><head><br><meta charset="utf-8"><br><meta name="viewport" content="width=device-width, initial-scale=1"><br><title>菜鸟教程(runoob.com)</title><br><style><br>.container {<br>  <br>  height: 5000px;<br>}<br> <br>img {<br>  width: 33.33%;<br>  height: auto;<br>  float: left;<br>}<br> <br>.normal {mix-blend-mode: normal;}<br>.multiply {mix-blend-mode: multiply;}<br>.screen {mix-blend-mode: screen;}<br>.overlay {mix-blend-mode: overlay;}<br>.darken {mix-blend-mode: darken;}<br>.lighten {mix-blend-mode: lighten;}<br>.color-dodge {mix-blend-mode: color-dodge;}<br>.color-burn {mix-blend-mode: color-burn;}<br>.difference {mix-blend-mode: difference;}<br>.exclusion {mix-blend-mode: exclusion;}<br>.hue {mix-blend-mode: hue;}<br>.saturation {mix-blend-mode: saturation;}<br>.color {mix-blend-mode: color;}<br>.luminosity {mix-blend-mode: luminosity;}<br></style><br></head><br><body><br> <br><h2>使用mix-blend-mode 值</h2><br><p>mix-blend-mode 属性描述了元素的内容需要与父元素的背景颜色进行混合:</p><br> <br><div class="container"><br>  <img src="pineapple.jpg" alt="Pineapple" class="normal" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="multiply" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="screen" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="overlay" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="darken" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="lighten" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="color-dodge" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="color-burn" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="difference" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="exclusion" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="hue" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="saturation" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="color" width="300" height="300"><br>  <img src="pineapple.jpg" alt="Pineapple" class="luminosity" width="300" height="300"><br></div><br> <br><p><strong>注意:</strong>Internet Explorer 或 Edge 浏览器不支持 mix-blend-mode 属性。</p><br> <br></body><br></html>