随笔分类 - css样式
摘要：::-webkit-input-placeholder{color:#f00;} ::-moz-placeholder{color:#f00;} :-moz-placeholder{color:#f00;} 参考链接：http://t.zoukankan.com/yjzhu-p-4402644.ht
阅读全文
摘要：自定义圆点图标： html结构： css样式： 效果： 实心圆点图标： 清除默认样式： ul,li{ padding:0;margin:0;list-style:none} 设置li前面为指定图像，在ul样式下加上： list-style-image: url(../img/ul_list.png)
阅读全文
摘要：效果： css代码： .course_box { margin-left: 6px; margin-right: 6px; width: 100%; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.1); cursor: pointer;
阅读全文
摘要：效果： 在自适应PC端跟移动端的情况下，轮播图的图片在移动端显示太扁太小，所以需要截取中间的主要内容对其进行放大，图片左右留白不显示。 移动端（设置前）： 移动端（设置后）： 代码： 结构： 写样式 （放大比例136%）： .swiper-slide { width: 100%; overflow:
阅读全文
摘要：效果： heml： <div class="index_top_in_box"> <!-- 背景 --> <div class="index_top_in_box_bg"></div> </div> css: .index_top_in_box { display: flex; flex-direc
阅读全文
摘要：给它绑定一个类名： placeholder-class="placeholder_color" 例如： <input @input="keyInput" :placeholder="placeholder" placeholder-class="placeholder_color" /> .plac
阅读全文
摘要：效果： 代码： .couponbox1_left { display: flex; flex-direction: row; align-items: center; justify-content: center; color: rgba(255,255,255,.9); font-size: 6
阅读全文
摘要：效果： 代码： <!-- 优惠券 --> <view class="couponbox1"> 123 </view> style： .couponbox1 { width: 96%; background-color: #fff; margin: 0 auto; margin-top: 16rpx;
阅读全文
摘要：/* 移动端样式 */ @media screen and (max-width:767px) {} /* 平板尺寸的样式max-width:991px */ @media screen and (max-width:991px) {} /* 大于平板尺寸的中等网页样式 */ @media scre
阅读全文
摘要：text-transform: uppercase; 参考链接:https://www.w3school.com.cn/cssref/pr_text_text-transform.asp
阅读全文
摘要：.humanbox_imgson { position: absolute; width: 90%; top: 5%; left: 5%; border-radius: 20vw; overflow: hidden; } .humanbox_imgson:hover img { transform:
阅读全文
摘要：在微信小程序 里实现跑马灯效果，类似滚动字幕或者滚动广告之类的，使用简单的CSS样式控制，没用到JS wxml: <!-- 复制的跑马灯效果 --> <view class="marquee_container" style="--marqueeWidth--:-12em"> <view class
阅读全文
摘要：<a style="cursor:pointer">手型</a>
阅读全文
摘要：<!-- 视频播放内容 --> <!-- autoplay准备就绪会自动播放 --> <!-- controls，要自定义得去掉这个 --> <video id="myVideo" class="video-main" controls> <source src="./movies/movie.og
阅读全文
摘要：.cotover{ background-color: #fff; width: 100%; height: 89.6vh; overflow-y:scroll; } .cotover::-webkit-scrollbar{ width:2px; height:100%; background-co
阅读全文
摘要：CSS部分 .big_box2-2{ width: 150rpx; height: 200rpx; background-color: #ffff00; position: fixed; z-index: 999; right: 0rpx; top: 550rpx; } .redcard{ widt
阅读全文
摘要：display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit
阅读全文
摘要：尝试1（失败）： “爱恨原则” 尝试2（失败）： button::after{ border: none; } 尝试3（成功）： button{ outline:none; } 先试下outline：none 不行用下面这个 filter:chroma(color=#000000);参考来源忘了，，
阅读全文
摘要：scroll-view 里面继续套一个 scroll-view ，设置纵向允许滚动 <swiper class="swiper"> <swiper-item> <scroll-view scroll-y="true" class="scroll"> <!-- 这里是内容 --> </scroll-v
阅读全文
