随笔分类 -  css

摘要:Hello,大家好,我是站长鹏仔,本次鹏仔开发的项目中,实现出功能如图所示,固定表格的头部和左侧,在超出时滚动条滚动悬浮,之前给大家写过一次表格表头固定,是用占位的方式(https://www.sharedbk.com/post/178.html),太麻烦了,本次给大家分享一个更简单的方法。 本次主 阅读全文
posted @ 2024-04-23 11:06 鹏仔先生 阅读(2884) 评论(0) 推荐(0) 编辑
摘要:今天在uniapp中写消息详情,给内容加个首行缩进,于是就直接加了text-indent,发现没有任何作用,如果是input输入框之类可以使用padding,但是文本标签只能使用text-indent了。 解决方法 css加首行缩进的同时再加上 display: block; 属性,当然 inlin 阅读全文
posted @ 2021-11-02 17:09 鹏仔先生 阅读(146) 评论(0) 推荐(0) 编辑
摘要:缤纷文字广告代码 文字广告代码美化版 By:鹏仔 DEMO下载:蓝奏云盘 鹏仔运营的网站“短情话”由于分类过多,于是想给网站添加一个类似文字广告的菜单分类引导,就在其他网上看到这种虚线边框划过变色文字广告样式,感觉还是很不错的,仿照写一份分享给大家吧! PC端时代码为8个文字块一行,H5为4个文字代 阅读全文
posted @ 2021-05-13 17:27 鹏仔先生 阅读(45) 评论(0) 推荐(0) 编辑
摘要:前几天写了一篇文章 css防止图片变形 object-fit: cover; 使用object-fit: cover;来防止图片变形,说巧也巧,这两天自己开发玩玩的zblog小程序“污污情话”封面刚好被挤压变形,于是,就给图片添加了这个css属性。 what?但是添加了并没有任何卵用,刚开始我还以为 阅读全文
posted @ 2021-05-08 16:51 鹏仔先生 阅读(74) 评论(0) 推荐(0) 编辑
摘要:css防止图片挤压变形 object-fit: cover; 属性介绍 最近给公司开发一个简单的H5可视化编辑器,如上图所示,左侧点击添加基础组件,在中间区域预览展示,右侧区域对中间展示组件进行一对一编辑,最终生成H5页面。 提测给测试小姐姐,在右侧上传了图片,说中间图片被挤压了,那么安排下,如上图 阅读全文
posted @ 2021-04-26 17:15 鹏仔先生 阅读(46) 评论(0) 推荐(0) 编辑
摘要:1. E F 匹配 E 元素下所有的子元素 F (后代选择器) eg: CSS .box a{ color: red; } 匹配 .box 下所有的子元素 a 2. E > F 匹配 E 元素下第一级子元素 F (子选择器) eg: CSS .box>a{ color: red; } 匹配 .box 阅读全文
posted @ 2020-06-28 16:25 鹏仔先生 阅读(3) 评论(0) 推荐(0) 编辑
摘要:使用css修改input的文字提示语颜色 修改input的placeholder的颜色 <style> /* Safari,Chrome WebKit browsers */ input::-webkit-input-placeholder { color: #ccc; } /* 火狐 Mozill 阅读全文
posted @ 2020-06-22 17:56 鹏仔先生 阅读(10) 评论(0) 推荐(0) 编辑
摘要:使用css选择器实现表格隔行换色 <style> *{ margin: 0; padding: 0; } body{ padding: 200px; box-sizing: border-box; } table{ border-collapse: collapse; } td,th{ color: 阅读全文
posted @ 2020-06-22 17:53 鹏仔先生 阅读(15) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示