首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【原创】CSS处理文本以及背景图

:在文本中间有一根横线(类似的标签是del标签) none:取消文本装饰(重要)(常用于取消a标签的下划线) 9.文本上下居中: 设置line-height属性值和当前背景高度值一致 二.文本溢出处理...2.文本溢出处理方式(overflow属性): 属性值visible:文本默认显示,溢出显示 属性值hidden:溢出文本自动隐藏 属性值scroll:自动给横向和纵向添加滚动条(无论是否溢出,都会添加横线和纵向的滚动条...三.背景图片常用属性 设置背景属性: background-color:设置背景颜色 background-image:设置背景图片 同时设置背景颜色和背景图片时,背景图片会覆盖背景颜色 background-repeat...background-size属性: a)通过长度单位来设置 第一个参数:设置图片的宽度 第二个参数:设置图片的高度 注意:使用长度单位来设置背景图片大小

86220

css模糊匹配

1、全局选择器   就是通配符 * 2、元素选择器   如ul li p h1 div等 3、类选择器   如.className{} 4、id选择器   如#identity{} 5、属性选择器 CSS2...CSS3新增*=、^=、$=三种匹配方式[{属性 | 属性 {*= | ^= | $=} 值}]: *=表示模糊匹配,[href="163"]可以匹配href="163.com"、href="mail.163...8、伪类选择器     CSS1支持开始:link :visited :active,但只是提供给a标签使用,而且这三个伪类之间是互斥的,也就是:link:active的组合是不生效的。...CSS2新增了:hover :focus,而且不再局限于a标签,到这里我们最熟悉的伪类已悉数上场,下面来分析一下其区别。...包括:CSS1支持的:first-letter :first-line,CSS2支持的:after :before,CSS3并没有新增。伪元素可以和class联合使用。

3.3K20

小程序实现全屏幕高斯模糊背景图

我们在做小程序开发过程中,有时候会遇到这样的需求,用一张图片全屏幕背景图。 并且实现毛玻璃效果(高斯模糊),今天就来带大家一步步的实现这个效果 老规矩,先看效果图 1,用网络图片实现 ?...通过上面两张图可以看出来,我们既可以用网络图片来实现高斯模糊,又可以用本地图片来实现。 一,先来用本地图片全屏背景 1,先在wxml文件里引入本地图片 ?...# 二,实现模糊效果 这里主要用到了 CSS3的 filter(滤镜) 属性 ?...三,网络图片实现高斯模糊效果 1,不管是本地图片还是网络图片,首先我们还是要让图片全局拉伸。 ?...原图长这样,可以看到我们全屏背景的时候把这个图片从中间裁剪拉伸了 background属性里的 center/cover起了主要作用。 ? 2,然后就是用filter模糊效果了 ?

1.9K32

MyBatis处理模糊查询

什么是模糊查询?模糊查询是一种搜索数据的方式,它允许您在不完全匹配数据的情况下找到相应的结果。模糊查询通常用于在大型数据集中查找数据,并且通常比精确匹配更具实用性。...例如,在一个包含大量文章的数据库中,可以使用模糊查询查找所有包含特定关键字的文章。MyBatis模糊查询示例让我们考虑一个简单的例子来说明如何在MyBatis中处理模糊查询。...因此,我们使用%来将查询参数拼接到LIKE操作符中,以实现模糊匹配。MyBatis模糊查询的更多选项MyBatis还提供了其他选项来进一步定制模糊查询。...MyBatis模糊查询的注意事项在使用MyBatis进行模糊查询时,请注意以下几点:性能:模糊查询通常比精确匹配更耗时,因为它需要遍历整个数据集以查找匹配项。...索引:如果您需要执行大量模糊查询,请考虑在相关列上创建索引。索引可以显著提高模糊查询的性能。

1.7K10

CSSCSS 总结 ③ ( CSS 背景设置 | 背景颜色 | 背景图片 | 背景图片平铺样式 | 背景图片位置 | 超大背景图片设置 | 背景附着 | 背景样式简写 | 背景半透明 ) ★

一、CSS 背景设置 1、背景颜色 CSS 的背景颜色样式语法 : 默认的背景颜色是 transparent 透明 ; background-color:颜色值; background-color 属性...CSS背景图片样式语法 : 背景图片的链接需要写在 url() 中 , 并且 url() 中的链接可以没有双引号 ; background-image: url(相对路径); 在 url() 中设置相对链接...如果 盒子的大小 大于 背景图片的大小 , 默认的 图片 位置是 左上角 ; 设置背景位置的 CSS 语法如下 : background-position : length length background-position...与 网页内容 绑定 , 网页滚动时 , 背景图像也进行滚动 ; fixed : 背景图像 固定 , 滚动网页时 , 背景图像位置保持不变 ; 7、背景样式简写 使用 CSS 样式设置 盒子 背景时 ,...需要 设置多个 CSS 样式 , 设置 背景图片 , 平铺模式 , 定位方式 , 附着方式 等 , 下面是一个完整的图片背景设置的代码 , 代码很繁琐 ; body { /* 设置一个足够高的高度

53910
领券