![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 67
鹏仔工作室
这个作者很懒,什么都没留下…
展开
-
uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
今天在uniapp中写消息详情,给内容加个首行缩进,于是就直接加了text-indent,发现没有任何作用,如果是input输入框之类可以使用padding,但是文本标签只能使用text-indent了。解决方法 css加首行缩进的同时再加上 display: block; 属性,当然 inline-block 等也是可以解决的,根据具体需求去尝试下吧!围观地址:uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?今天在uniapp中写消息详情,给内...原创 2021-11-02 17:09:42 · 2667 阅读 · 0 评论 -
缤纷彩色文字广告代码,文字广告代码美化版,给网站添加文字广告教程
缤纷文字广告代码 文字广告代码美化版By:鹏仔DEMO下载:蓝奏云盘鹏仔运营的网站“短情话”由于分类过多,于是想给网站添加一个类似文字广告的菜单分类引导,就在其他网上看到这种虚线边框划过变色文字广告样式,感觉还是很不错的,仿照写一份分享给大家吧!PC端时代码为8个文字块一行,H5为4个文字代码一行,所以大家添加文字广告为8、16、24......只要是8的倍数即可,当然推荐添加2行效果最好。由于考虑到大家的网站有暗黑模式,所以在这方面也进行了简约的优化,适用于白天与晚上模式...原创 2021-05-13 17:27:51 · 1568 阅读 · 1 评论 -
object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理前几天写了一篇文章 css防止图片变形 object-fit: cover;使用object-fit: cover;来防止图片变形,说巧也巧,这两天自己开发玩玩的zblog小程序“污污情话”封面刚好被挤压变形,于是,就给图片添加了这个css属性。what?但是添加了并没有任何卵用,刚开始我还以为我自己记错拼写了,还特意复制过来试了下,还是没有任何作用......就这...查了下小程序文档,原来微.原创 2021-05-08 16:51:42 · 1552 阅读 · 1 评论 -
css防止图片挤压变形 object-fit: cover; 属性介绍
css防止图片挤压变形 object-fit: cover; 属性介绍最近给公司开发一个简单的H5可视化编辑器,如上图所示,左侧点击添加基础组件,在中间区域预览展示,右侧区域对中间展示组件进行一对一编辑,最终生成H5页面。提测给测试小姐姐,在右侧上传了图片,说中间图片被挤压了,那么安排下,如上图所示,添加了红色注释,已添加的属性和未添加的属性图片进行对比所示,图片都是嵌套到一个固定宽高的div中,并且图片width和height都为100%,未添加object-fit: cover;属性的会..原创 2021-04-26 17:15:24 · 13131 阅读 · 3 评论 -
Css选择器-层次选择器(关系选择器)
1. E F 匹配 E 元素下所有的子元素 F(后代选择器) eg:CSS.box a{ color: red;} 匹配 .box 下所有的子元素 a2. E > F 匹配 E 元素下第一级子元素 F(子选择器) eg:CSS.box>a{ color: red;} 匹配 .box 下第一级子元素 a3. E + F 匹配 E 元素后面紧邻的哪一个 F 元素(有且仅有一个)(相邻...原创 2020-06-28 16:25:47 · 1149 阅读 · 1 评论 -
使用css修改input的文字提示语颜色
使用css修改input的文字提示语颜色 修改input的placeholder的颜色<style> /* Safari,Chrome WebKit browsers */ input::-webkit-input-placeholder { color: #ccc; } /* 火狐 Mozilla Firefox 4 to 18 */ input:-moz-placeholder { color: #ccc; } /* 火狐 Mozilla Firefox 1原创 2020-06-22 17:56:31 · 4077 阅读 · 0 评论 -
使用css选择器实现表格隔行换色
使用css选择器实现表格隔行换色<style> *{ margin: 0; padding: 0; } body{ padding: 200px; box-sizing: border-box; } table{ border-collapse: collapse; } td,th{ color: #000; font-size: 16px; line-height: 30px; border: 1px solid #333; pa..原创 2020-06-22 17:53:56 · 1870 阅读 · 1 评论