![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
crabdave
这个作者很懒,什么都没留下…
展开
-
文字过多时出现省略号的CSS
文字过多时出现省略号的CSS width:200px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;原创 2014-08-06 17:20:54 · 103 阅读 · 0 评论 -
Div中的Div们排一行
Div中的Div们排一行 display: inline-flex;原创 2017-01-21 15:47:25 · 756 阅读 · 0 评论 -
Div 椭圆边
Div 椭圆边 -webkit-border-radius: 1rem;-moz-border-radius: 1rem;原创 2017-01-21 15:47:17 · 973 阅读 · 0 评论 -
Div内垂直方向位置调整
Div内垂直方向位置调整 vertical-align: super;原创 2017-01-21 15:41:57 · 1375 阅读 · 0 评论 -
css 颜色渐变线条 中间向两边 中间粗两边细
css 颜色渐变线条 中间向两边 中间粗两边细 参考:https://segmentfault.com/q/1010000006961164 <div class="hr-line-div"></div> .hr-line-div{ margin:0 auto; height: 1rem; width: ...原创 2017-01-19 15:42:36 · 11945 阅读 · 0 评论 -
text-align:center设置居中不起作用
text-align:center设置居中不起作用 参考:http://www.imooc.com/qadetail/94156 text-align只是让文字元素居中,margin:auto是让整个边框加文字居中原创 2016-12-20 20:25:29 · 24501 阅读 · 1 评论 -
css3 background-size缩放大小
css3 background-size缩放大小 cover:保持图像的宽高比例,将图片缩放到正好完全覆盖定义的背景区域,其中有一边和背景相同。 .div{width:160px;height:120px;border:1px solid #ccc;padding:10px;background-image:url(bg.jpg);backgroun...原创 2016-12-16 17:04:41 · 1356 阅读 · 0 评论 -
CSS3 Flex布局
CSS3 Flex布局 参考: http://www.cnblogs.com/myzhibie/p/4318904.html原创 2016-12-12 14:50:26 · 94 阅读 · 0 评论 -
CSS 弹层效果
CSS 弹层效果参考:https://segmentfault.com/a/1190000006108996 当前页面div半透明遮罩效果:.div-hide{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 弹出层div居中对齐:.pop-div{display: none;marg...原创 2016-12-09 09:14:37 · 231 阅读 · 0 评论 -
CSS button 圆边
CSS button 圆边 美工给的背景图片是带圆边的,拿它来做按钮的背景图片,并且可以对button的大小进行大小调整,只修改DIV大小即可,不会出现只展示某一两个圆角的情况,4个圆角同时会进行缩放。 div的样式如下: .my-button-div{background: url("<%=basePath%>/static/images/bg-red...原创 2016-12-09 09:11:20 · 1350 阅读 · 0 评论 -
CSS div斜线倾斜45度
CSS div斜线倾斜45度 div的样式: .line-div{width: 12rem;height: 4rem;border-bottom: 0.15rem solid #dcdcdc;/* border: 2px solid #000000; */position: absolute;text-align: center;margin-left...原创 2016-12-08 19:48:05 · 17022 阅读 · 0 评论 -
CSS 背景图片水平平铺
CSS 背景图片水平平铺 美工切的细长的图,水平平铺作为背景body {margin: 0;background:url("<%=basePath%>/static/images/background.png") repeat-x 0 0;}原创 2016-12-08 19:43:58 · 4028 阅读 · 0 评论 -
CSS3 @font-face网页中的字体
CSS3 @font-face网页中的字体 参考:http://www.w3cplus.com/content/css3-font-facehttp://jingyan.baidu.com/article/6d704a13fbe61828db51cab2.htmlhttp://www.alixixi.com/web/a/2015051294742.shtmlhttp:/...原创 2016-12-08 19:17:05 · 109 阅读 · 0 评论 -
HTML实体符号代码速查表
HTML实体符号代码速查表 http://www.cnblogs.com/kiter/archive/2011/08/05/2128309.html原创 2016-09-20 19:06:41 · 113 阅读 · 0 评论 -
Div 居中
Div 居中 text-align:center;margin:0 auto;原创 2017-01-21 15:49:16 · 83 阅读 · 0 评论