css
陌盍
温和从容,岁月静好
展开
-
css设置滚动条样式
先看效果图附上效果图代码:1.style部分<style> /*定义滚动条样式(高宽及背景)*/ ::-webkit-scrollbar { width: 6px; /* 滚动条宽度, width:对应竖滚动条的宽度 height:对应横滚动条的高度*/ background: #...原创 2018-08-29 16:49:06 · 13461 阅读 · 1 评论 -
css实现文字“一行/两行”显示,超出部分省略号显示
1.文字一行显示:div { width: 150px; overflow: hidden; text-overflow: ellipsis; /* 文字超出部分省略号显示 */ white-space: nowrap; /* 不换行 */} 2.文字两行显示:div { text-overflow: -o-ellipsis-...原创 2018-09-12 18:18:45 · 4039 阅读 · 0 评论 -
正确给table加边框
该文章解决用table标签画表格时,用border属性产生的表格重合线加粗的问题。css部分:table,table tr th, table tr td { border:1px solid #a8aeb2; padding: 5px 10px;}table { min-height: 25px; line-height: 25px;...原创 2018-09-24 22:30:58 · 4692 阅读 · 0 评论 -
CSS下镜像翻转(水平/垂直翻转)
css下镜像翻转两种写法:利用css动画属性rotate旋转来实现:/* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: ro...原创 2018-09-14 15:32:57 · 116593 阅读 · 3 评论 -
相对定位和绝对定位区别
HTML代码:<div id="test1">111111111111111</div><div id="test2">222222222222</div><div id="test3">333333333333333</div>CSS代码:#test1 {原创 2019-02-18 11:53:47 · 5152 阅读 · 0 评论