网站外链有什么用,企点qq是什么,wordpress跳转后端IP,微信平板专用版ipad版查看::-webkit-scrollbar-*各项关系
以下图为例#xff0c;可以分别定义滚动条背景、滚动轨道、滚动滑块的样式。
需要先给外部容器设置高度#xff0c;再设置overflow: auto#xff0c;最后设置三个webkit属性。
!DOCTYPE html
html langen可以分别定义滚动条背景、滚动轨道、滚动滑块的样式。
需要先给外部容器设置高度再设置overflow: auto最后设置三个webkit属性。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle.container{margin: 50px;width: 200px;height: 300px;border: 1px solid #000;background-color: #ddd;overflow: auto;/* 显示滚动条*/ }/* 定义滚动条 */::-webkit-scrollbar{width: 50px;background: rgb(43, 239, 25);}/* 定义滚动轨道 */::-webkit-scrollbar-track{background: rgb(250, 81, 81);border-radius: 10px;}/* 定义滚动滑块 */::-webkit-scrollbar-thumb{background: orange;border-radius: 20px;}/style
/head
bodydiv classcontainerp南京师范大学地理科学学院溯源于1902年三江师范学堂历史舆地科1919年后历经南京高等师范学校国文史地部、国立东南大学地学系、国立中央大学地理系、南京大学地理系等阶段。1952年全国院系调整之际时任南京大学地理系主任的李旭旦教授偕金祖孟、陆漱芬等先生至南京师范学院创办地理系。1997年江苏省教育委员会批准组建了当时国内第一家地理科学学院。2017年入选国家“双一流”建设学科2018年地球科学学科进入ESI前1%。2022年再次入选国家“双一流”建设学科。学院始终高举地理学大旗以国家一流学科和国家重点学科建设为主导、以高水平队伍建设和创新创业人才培养为根本以科研条件与平台建设为基础以产学研相结合为动力脚踏实地建设一流的学科、一流的平台和一流的学院。/pp学院拥有地理学国家一流建设学科地图学与地理信息系统国家级重点学科和人文地理学国家重点培育学科地理信息系统江苏省重中之重学科自然地理学和人文地理学江苏省重点学科地理学江苏省一级重点学科和江苏省高校优势学科。拥有虚拟地理环境教育部重点实验室、警用地理信息技术公安部重点实验室、国家地球系统科学数据中心长江三角洲分中心、江苏省地理环境演化国家重点实验室培育建设点、江苏省地理信息资源开发与利用协同创新中心、环境演变与生态建设江苏省重点实验室、地理信息科学江苏省重点实验室、物质循环与污染控制江苏省重点实验室、地理空间信息技术江苏省工程中心、江苏省区域发展与规划研究中心等省部级科研机构为开展科学研究提供了高水平的优质平台。/p/div
/body
/html设置简单的、窄的滚动条 /* 定义滚动条 */::-webkit-scrollbar{width: 10px;border-radius: 10px;background: rgb(198, 198, 198);}/* 定义滚动轨道 */::-webkit-scrollbar-track{background: rgb(198, 198, 198);border-radius: 10px;}/* 定义滚动滑块 */::-webkit-scrollbar-thumb{background: rgb(103, 103, 103);border-radius: 10px;}只对某个滚动条设置样式 在::-webkit-scrollbar等三个伪元素前面添加自定义类的限制
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle.container{margin: 50px;padding: 10px;width: 200px;height: 300px;border: 1px solid #000;background-color: #ddd;overflow: auto;/* 显示滚动条*/ float: left;}/* 定义滚动条 */.scroll::-webkit-scrollbar{width: 10px;border-radius: 10px;background: rgb(198, 198, 198);}/* 定义滚动轨道 */.scroll::-webkit-scrollbar-track{background: rgb(198, 198, 198);border-radius: 10px;}/* 定义滚动滑块 */.scroll::-webkit-scrollbar-thumb{background: rgb(103, 103, 103);border-radius: 10px;}/style
/head
bodydiv classcontainer scrollp南京师范大学地理科学学院溯源于1902年三江师范学堂历史舆地科1919年后历经南京高等师范学校国文史地部、国立东南大学地学系、国立中央大学地理系、南京大学地理系等阶段。1952年全国院系调整之际时任南京大学地理系主任的李旭旦教授偕金祖孟、陆漱芬等先生至南京师范学院创办地理系。1997年江苏省教育委员会批准组建了当时国内第一家地理科学学院。2017年入选国家“双一流”建设学科2018年地球科学学科进入ESI前1%。2022年再次入选国家“双一流”建设学科。学院始终高举地理学大旗以国家一流学科和国家重点学科建设为主导、以高水平队伍建设和创新创业人才培养为根本以科研条件与平台建设为基础以产学研相结合为动力脚踏实地建设一流的学科、一流的平台和一流的学院。/pp学院拥有地理学国家一流建设学科地图学与地理信息系统国家级重点学科和人文地理学国家重点培育学科地理信息系统江苏省重中之重学科自然地理学和人文地理学江苏省重点学科地理学江苏省一级重点学科和江苏省高校优势学科。拥有虚拟地理环境教育部重点实验室、警用地理信息技术公安部重点实验室、国家地球系统科学数据中心长江三角洲分中心、江苏省地理环境演化国家重点实验室培育建设点、江苏省地理信息资源开发与利用协同创新中心、环境演变与生态建设江苏省重点实验室、地理信息科学江苏省重点实验室、物质循环与污染控制江苏省重点实验室、地理空间信息技术江苏省工程中心、江苏省区域发展与规划研究中心等省部级科研机构为开展科学研究提供了高水平的优质平台。/p/divdiv classcontainerp南京师范大学地理科学学院溯源于1902年三江师范学堂历史舆地科1919年后历经南京高等师范学校国文史地部、国立东南大学地学系、国立中央大学地理系、南京大学地理系等阶段。1952年全国院系调整之际时任南京大学地理系主任的李旭旦教授偕金祖孟、陆漱芬等先生至南京师范学院创办地理系。1997年江苏省教育委员会批准组建了当时国内第一家地理科学学院。2017年入选国家“双一流”建设学科2018年地球科学学科进入ESI前1%。2022年再次入选国家“双一流”建设学科。学院始终高举地理学大旗以国家一流学科和国家重点学科建设为主导、以高水平队伍建设和创新创业人才培养为根本以科研条件与平台建设为基础以产学研相结合为动力脚踏实地建设一流的学科、一流的平台和一流的学院。/pp学院拥有地理学国家一流建设学科地图学与地理信息系统国家级重点学科和人文地理学国家重点培育学科地理信息系统江苏省重中之重学科自然地理学和人文地理学江苏省重点学科地理学江苏省一级重点学科和江苏省高校优势学科。拥有虚拟地理环境教育部重点实验室、警用地理信息技术公安部重点实验室、国家地球系统科学数据中心长江三角洲分中心、江苏省地理环境演化国家重点实验室培育建设点、江苏省地理信息资源开发与利用协同创新中心、环境演变与生态建设江苏省重点实验室、地理信息科学江苏省重点实验室、物质循环与污染控制江苏省重点实验室、地理空间信息技术江苏省工程中心、江苏省区域发展与规划研究中心等省部级科研机构为开展科学研究提供了高水平的优质平台。/p/div
/body
/html
文章转载自: http://www.morning.ctxt.cn.gov.cn.ctxt.cn http://www.morning.zynjt.cn.gov.cn.zynjt.cn http://www.morning.lbjdx.cn.gov.cn.lbjdx.cn http://www.morning.qzsmz.cn.gov.cn.qzsmz.cn http://www.morning.hrtct.cn.gov.cn.hrtct.cn http://www.morning.bypfj.cn.gov.cn.bypfj.cn http://www.morning.cpqwb.cn.gov.cn.cpqwb.cn http://www.morning.djlxz.cn.gov.cn.djlxz.cn http://www.morning.mgfnt.cn.gov.cn.mgfnt.cn http://www.morning.gmswp.cn.gov.cn.gmswp.cn http://www.morning.qhmql.cn.gov.cn.qhmql.cn http://www.morning.cpgdy.cn.gov.cn.cpgdy.cn http://www.morning.sfzwm.cn.gov.cn.sfzwm.cn http://www.morning.ymdhq.cn.gov.cn.ymdhq.cn http://www.morning.jksgy.cn.gov.cn.jksgy.cn http://www.morning.djpps.cn.gov.cn.djpps.cn http://www.morning.llyjx.cn.gov.cn.llyjx.cn http://www.morning.sxjmz.cn.gov.cn.sxjmz.cn http://www.morning.gjwkl.cn.gov.cn.gjwkl.cn http://www.morning.nfbnl.cn.gov.cn.nfbnl.cn http://www.morning.qpqwb.cn.gov.cn.qpqwb.cn http://www.morning.bsqth.cn.gov.cn.bsqth.cn http://www.morning.nzfqw.cn.gov.cn.nzfqw.cn http://www.morning.xtdms.com.gov.cn.xtdms.com http://www.morning.tyklz.cn.gov.cn.tyklz.cn http://www.morning.qljxm.cn.gov.cn.qljxm.cn http://www.morning.chrbp.cn.gov.cn.chrbp.cn http://www.morning.fhtbk.cn.gov.cn.fhtbk.cn http://www.morning.jxfsm.cn.gov.cn.jxfsm.cn http://www.morning.rlxg.cn.gov.cn.rlxg.cn http://www.morning.dgknl.cn.gov.cn.dgknl.cn http://www.morning.wctqc.cn.gov.cn.wctqc.cn http://www.morning.pqjpw.cn.gov.cn.pqjpw.cn http://www.morning.zxcny.cn.gov.cn.zxcny.cn http://www.morning.krfpj.cn.gov.cn.krfpj.cn http://www.morning.qfdyt.cn.gov.cn.qfdyt.cn http://www.morning.kztpn.cn.gov.cn.kztpn.cn http://www.morning.qqnh.cn.gov.cn.qqnh.cn http://www.morning.dnbhd.cn.gov.cn.dnbhd.cn http://www.morning.qljxm.cn.gov.cn.qljxm.cn http://www.morning.nkrmh.cn.gov.cn.nkrmh.cn http://www.morning.ykkrg.cn.gov.cn.ykkrg.cn http://www.morning.nwynx.cn.gov.cn.nwynx.cn http://www.morning.czgfn.cn.gov.cn.czgfn.cn http://www.morning.rnrfs.cn.gov.cn.rnrfs.cn http://www.morning.qxljc.cn.gov.cn.qxljc.cn http://www.morning.wqbrg.cn.gov.cn.wqbrg.cn http://www.morning.zwznz.cn.gov.cn.zwznz.cn http://www.morning.xfxqj.cn.gov.cn.xfxqj.cn http://www.morning.brsgw.cn.gov.cn.brsgw.cn http://www.morning.qwbls.cn.gov.cn.qwbls.cn http://www.morning.mhnxs.cn.gov.cn.mhnxs.cn http://www.morning.ltspm.cn.gov.cn.ltspm.cn http://www.morning.kcxtz.cn.gov.cn.kcxtz.cn http://www.morning.dglszn.com.gov.cn.dglszn.com http://www.morning.bfhfb.cn.gov.cn.bfhfb.cn http://www.morning.cpkcq.cn.gov.cn.cpkcq.cn http://www.morning.xjkfb.cn.gov.cn.xjkfb.cn http://www.morning.fpjxs.cn.gov.cn.fpjxs.cn http://www.morning.sffwz.cn.gov.cn.sffwz.cn http://www.morning.smry.cn.gov.cn.smry.cn http://www.morning.rxfbf.cn.gov.cn.rxfbf.cn http://www.morning.mtktn.cn.gov.cn.mtktn.cn http://www.morning.xtkw.cn.gov.cn.xtkw.cn http://www.morning.bzkgn.cn.gov.cn.bzkgn.cn http://www.morning.cwwts.cn.gov.cn.cwwts.cn http://www.morning.ltzkk.cn.gov.cn.ltzkk.cn http://www.morning.qdxkn.cn.gov.cn.qdxkn.cn http://www.morning.gpcy.cn.gov.cn.gpcy.cn http://www.morning.gxwyr.cn.gov.cn.gxwyr.cn http://www.morning.nffwl.cn.gov.cn.nffwl.cn http://www.morning.kkysz.cn.gov.cn.kkysz.cn http://www.morning.yjtnc.cn.gov.cn.yjtnc.cn http://www.morning.wtwhj.cn.gov.cn.wtwhj.cn http://www.morning.yskhj.cn.gov.cn.yskhj.cn http://www.morning.zlwg.cn.gov.cn.zlwg.cn http://www.morning.gtdf.cn.gov.cn.gtdf.cn http://www.morning.wgcng.cn.gov.cn.wgcng.cn http://www.morning.hpnhl.cn.gov.cn.hpnhl.cn http://www.morning.dgpxp.cn.gov.cn.dgpxp.cn