![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 80
z_z_Dragon
这个作者很懒,什么都没留下…
展开
-
CSS图片边框
用border的大小控制边框图片的大小。padding: 0;border: 125px solid transparent;background: linear-gradient(white, white),url(../images/border.jpg);background-size: cover;background-clip: padding-box, border-box; b...原创 2018-06-14 09:08:40 · 936 阅读 · 0 评论 -
css border-image 条纹
padding: 16px;border-bottom: 16px solid transparent;border-image: 16 repeating-linear-gradient(-45deg, red 0, red 16px, transparent 0, transparent 32px, #58a 0, #58a 48px, transparent 0, transparent 6...原创 2018-06-14 16:33:21 · 396 阅读 · 0 评论 -
chrome css 滚动条
::-webkit-scrollbar { width: 8px; background-color: #F5F5F5;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #fff ;}/*定义滑块 内阴影+圆角*/::-w...转载 2018-06-25 16:52:39 · 357 阅读 · 0 评论 -
css 超过两行之后显示省略号
overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的...转载 2018-07-10 15:50:53 · 14778 阅读 · 0 评论 -
CSS 扇形菜单实现
注:使用了SASS编译器,把scss编译成css1.HTML如下:<div class="menuHolder"><div class="menuWindow"> <ul class="p1"> <li class="s1"><a href="#url"&g原创 2018-07-13 16:35:59 · 2534 阅读 · 0 评论