CSS
男神帅勇
这个作者很懒,什么都没留下…
展开
-
卡券效果制作
.coupon{width:300px;height:100px;line-height:100px;margin:50pxauto;text-align:center;position:relative;background:radial-gradient(circleatrightbottom,transparent10px,#ffffff0)topright/50%51pxno-repeat,radial-grad...原创 2021-07-06 11:48:47 · 76 阅读 · 0 评论 -
隐藏滚动条或更改滚动条样式
.scroll-container{width:500px;height:150px;border:1pxsolid#ddd;padding:15px;overflow:auto;/*必须*/}.scroll-container::-webkit-scrollbar{width:8px;background:white;}.scroll-container::-webkit-scrollbar-c...原创 2021-07-06 11:47:03 · 81 阅读 · 0 评论 -
单行和多行文本超出省略号
//单行文本出现省略号width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;//多行文本出现省略号display:-webkit-box;/*重点,不能用block等其他,将对象作为弹性伸缩盒子模型显示*/-webkit-box-orient:vertical;/*从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)*/-webkit-...原创 2021-07-06 11:44:57 · 62 阅读 · 0 评论