随笔分类 - CSS
一些Css的特定写法
摘要：<h4>1. 父元素圆角</h4> <div class="father"> <div class="border-gradient">圆角渐变边框</div> </div> <h4>2. clip-path剪裁</h4> <div class="border-gradient clip-path"
阅读全文
摘要：writing-mode 属性定义了文本在水平或垂直方向上如何排布。语法格式如下： writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lrhorizontal-tb：水平方向自上而下的书写
阅读全文
摘要：::-webkit-scrollbar{ width:6px; height:10px;}::-webkit-scrollbar-thumb { border-radius: 3px; background:#36B374;}::-webkit-scrollbar-track { backgroun
阅读全文
摘要：当前页面获取返回的数据 onShow() { uni.$on('uploadimg', (data) => { if(data){ _this.goodsData.goods_image.push(data); console.log(409,data) console.log(409,_this.
阅读全文
摘要：来源：https://www.zhangxinxu.com/wordpress/2022/02/css-border-image-tap-highlight/
阅读全文
摘要：来源:https://www.zhangxinxu.com/wordpress/2021/02/css-3d-through/
阅读全文
摘要：css 效果 <body> <div class="tw"></div> <div class="div"></div> <div id="test2"></div> <div id="test1"></div> <div class="tops"></div> <div class="right"
阅读全文
摘要：实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法 css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8 css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8
阅读全文
摘要：CSS3 边框 border-radius: 圆角 border-radius: 15px 50px 70px 100px; 左上 右上 右下 左下 box-shadow:阴影 box-shadow:1px 2px 3px #ccc; 1px:水平位移 2px:竖直 border-image:边框图
阅读全文
摘要：display:table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。dispaly:table-row 此元素会作为一个表格行显示（类似 <tr>）display:table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）display:in
阅读全文
