![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 68
涛々
一切皆有可能!
展开
-
css 不选最后一个元素
last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。:not(selector) 选择器匹配非指定元素/选择器的每个元素。可以选择除了最后一个元素的所有元素。先用last-child选最后一个。正常情况下这样选择会全部选择。加上not就可以进行反选了。原创 2023-03-27 00:53:41 · 5013 阅读 · 0 评论 -
CSS 奇思妙想边框动画
今天逛博客网站 -- shoptalkshow,看到这样一个界面,非常有意思:觉得它的风格很独特,尤其是其中一些边框。嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。border 属性谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。除了最常见的 solid,dashed,CSS border 还支持 none,hidden, dotted, double, groove, ridge, inset,转载 2021-02-24 20:53:35 · 408 阅读 · 2 评论 -
flex布局,解决最后一排数量不够自动向两端对齐的问题(适合所有列的布局:3列、4列、5列等等)推荐使用!
<!-- HTML --><view class="v1"> <view class="v1-v1"> ...... </view> <view class="v1-v1"> ...... </view> ......</view&g...原创 2020-01-21 09:53:16 · 5339 阅读 · 9 评论 -
CSS 对话框小三角效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5 对话框</title> <style> * { margin: 0; padd...原创 2019-12-27 17:55:01 · 550 阅读 · 0 评论 -
详解用CSS3制作圆形滚动进度条的动画效果
今天手把手教大家用CSS3制作圆形滚动进度条动画!先看一下效果图,会提升我们的学习兴趣哟:第一种效果:html结构:<div id="progress"> <span></span></div>css样式:#progress { width: 50%; height: 30px; bor...转载 2018-07-20 23:38:52 · 4021 阅读 · 0 评论 -
微信小程序 自定义组件之《转盘》
微信小程序自定义组件转盘原创 2018-07-29 22:12:58 · 72926 阅读 · 66 评论 -
CSS 单(多)行文本超过部分显示省略号,解决数字或英文不换行问题
单行文本超过部分显示省略号.a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行文本超过部分显示省略号,并且兼容数字或英文不换行问题.a { white-space: normal; overflow: hidden; text-overflow...原创 2019-08-19 10:05:31 · 6295 阅读 · 0 评论 -
CSS 段落、文字避头尾法则 同AI上的效果一样(非常好用哦~)
.a { table-layout: fixed; /*文字避首尾 -- 防止撑开*/ word-wrap: break-word; /*英文单字因自动换行*/ word-break:normal; /*正常避头尾*/ text-align:justify; /*文字左右对齐*/ text-justify: inter-ideograp...原创 2019-08-21 17:02:05 · 4465 阅读 · 0 评论