![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
MR·Feng
这个作者很懒,什么都没留下…
展开
-
css 横向、纵向滚动条
注意:(滚动条设置的width、height,分别是对应纵向滚动条 宽度、横向滚动条 高度,无法修改纵向滚动条高度、横向滚动条宽度数值只介绍Google浏览器滚动条样式,常用属性如下)::-webkit-scrollbar 滚动条整体样式 ::-webkit-scrollbar-button 一设置滚动条样式,滚动条两端的按钮图标就消失,但可以重新设置图片、新样式 ::-w...原创 2019-11-13 11:36:40 · 10886 阅读 · 7 评论 -
@media 移动端屏幕适配
rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。(当然了,他是一个相对单位,以html中的font-size为基准,这也是优于以em为单位的好处)rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进转载 2017-03-27 18:01:55 · 6505 阅读 · 0 评论 -
弹出提示消息层
1、html部分2、css部分.prompt-info { min-width: 10rem; padding: 0.5rem 1.5rem; min-height: 3.5rem; position: fixed; transform: translate(-50%, -50%); left: 50%; top: -5%;原创 2017-09-02 11:50:25 · 305 阅读 · 0 评论 -
css3+jsvascript 制作图片跑马灯
css3+jsvascript 制作图片跑马灯 * { transition: .1s; list-style: none; } .list { position: relative; width: 800px; height: 100px; background-color: #FEFEF2; border: 1px sol原创 2017-11-03 17:59:24 · 1096 阅读 · 0 评论 -
input开关按钮
1、html部分<input class="switch-btn switch-btn-animbg" type="checkbox" checked><label><input class="switch-btn switch-btn-animbg" type="checkbox" checked> 默认选中</lab原创 2019-01-31 09:28:53 · 705 阅读 · 0 评论 -
滚动条样式
样式一:HTML部分:<table style="height: 410px" id="bridge_forecast_table"> <tr><th> id </th><th> sensor_code </th><th> value </th&a原创 2019-03-11 17:40:47 · 235 阅读 · 0 评论