随笔分类 -  css

css动态检测视口屏幕的尺寸
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css动态检测屏幕 阅读全文
posted @ 2024-11-15 15:40 新恒 阅读(42) 评论(0) 推荐(0)
css更改滚动条样式
摘要：css更改滚动条样式 body::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; scrollbar-arrow-color:red; } body::-webkit-scrollbar-thumb 阅读全文
posted @ 2019-12-06 14:26 新恒 阅读(1437) 评论(0) 推荐(0)
盒子没有高度时填充背景图片
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-11-27 20:09 新恒 阅读(375) 评论(0) 推荐(0)
关于上部盒子里有图片下面盒子magin-top负值的层级问题
摘要：.box{ width: 800px; box-sizing: border-box; margin: 50px auto 0; background: pink; } .imgBox{ width: 80%; height: 500px; margin: 0 auto; background: g 阅读全文
posted @ 2019-06-21 13:56 新恒 阅读(494) 评论(0) 推荐(0)
HTML左边盒子固定,右边盒子自适应
摘要：html: <div class="box1"> <div class="divA">DIVA</div> <div class="divB">DIVB</div> </div> css: <style type="text/css"> * { margin: 0; padding: 0; } .b 阅读全文
posted @ 2018-09-19 17:12 新恒 阅读(2681) 评论(0) 推荐(0)
html中checkbox自定义样式(css版本)
摘要：<span class="choose"><input type="checkbox" class="input_check" id="check3"><label for="check3"></label></span> .choose { position: relative; } .input 阅读全文
posted @ 2018-09-04 18:51 新恒 阅读(4522) 评论(0) 推荐(0)
HTML自定义radio单选按钮(纯css版,样式可以随意改变)
摘要：html: <div> <input id="item1" type="radio" name="item" value="选项一" checked> <label for="item1"></label> <span>选项一</span> </div> <div> <input id="item2 阅读全文
posted @ 2018-08-17 11:13 新恒 阅读(26729) 评论(0) 推荐(0)
html头部和底部固定时,中间的内容随屏幕分别率铺满页面
摘要：html页面头部和底部有东西时,怎么让内容填充到中间的页面,且去适应不同的电脑分辨率,看代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css" 阅读全文
posted @ 2018-08-15 09:28 新恒 阅读(2072) 评论(0) 推荐(0)