1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height:100px;background-color:red;positi ...
分类:
其他好文 时间:
2020-04-29 12:25:15
阅读次数:
53
在图形编辑软件中,可以按特定地方式处理不同图层的合成,最新的CSS规范也引入了该功能,并提供了mix-blend-mode和background-blend-mode两个属性。混合模式(blending mode)是一种数学算法,可计算元素重叠部分的颜色值,目前已定义了十多种不同的混合模式。 一、元 ...
分类:
Web程序 时间:
2020-04-28 09:34:09
阅读次数:
110
1.后台代码 <html> <center><head> 0420html中div的用法</head> <body> <div style="color:Red; font-size:50px;background-color:Blue;width:300px;height:600px;border ...
分类:
Web程序 时间:
2020-04-28 00:52:14
阅读次数:
757
Horizontally center: .div_out { width: 100vw; height: 100vh; display: flex; justify-content: center;}.div_in { width: 80%; height: 80%; background-ima ...
分类:
Web程序 时间:
2020-04-27 17:19:13
阅读次数:
70
CSS属性——背景、颜色、边框 背景的属性: 背景即background-加上属性包括image(图片),color(颜色),attachment(是否随窗口的移动而移动),repeat(重复方向),position(位置)等等; 重复的属性有:no-repeat(不重复),repeat-x(按x方 ...
分类:
Web程序 时间:
2020-04-27 13:15:12
阅读次数:
72
最近在做一个项目,要求是兼容IE8,写页面时,用到的很多css属性IE8都不兼容,想要的效果也呈现不出来。 1,background:url后面要空格 改成 2、background size无效 暂无合适解决方案 3、rgba设置外层盒子透明度 我的解决方案是将外层和内层的内容分开,然后设置opa ...
分类:
其他好文 时间:
2020-04-25 23:27:18
阅读次数:
63
<style type="text/css"> #info{ width: 300px; height: 500px; background-color: #bfa; overflow: auto; } </style> <script type="text/javascript"> window. ...
分类:
其他好文 时间:
2020-04-25 22:02:16
阅读次数:
85
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #parent{ width: 200px; height: 200px; background-color: # ...
分类:
其他好文 时间:
2020-04-24 09:14:45
阅读次数:
77
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: background:url("../../assets/left-bg.jpg"); 这个时候我们就要考虑使用其他的 ...
分类:
其他好文 时间:
2020-04-21 22:31:55
阅读次数:
151
在CSS语法中用户代理对渐变gradient语法的解析渲染离不开渐变线。渐变分为线性渐变(linear gradient)和径向渐变(radial gradient)。 渐变在元素盒模型中background-image属性生成的对应包含块区域创建一个渐变图像。其中线性渐变图像是根据设置的渐变线的角 ...
分类:
Web程序 时间:
2020-04-21 18:32:11
阅读次数:
106