CSS

  • 网站文章里的图片怎么自适应

    在图片上添加以下这段代码就可以实现img{max-width:100%;}

    2022-03-17 1193
  • css实现弹窗遮罩层

    主要使用到::target伪类,::before、::after伪元素以及display:flex;盒子用来居中,最后用position:fixed;绝对定位来让弹窗固定<ahref="#example1">立即下载</a><divclass="popBox"id="example1"><div&n

    2022-02-16 1797
  • 常用css标签

    cursor:pointer <!-- 光标呈现为指示链接的指针(一只手) -->position <!--元素的定位类型-->display <!--规定元素应该生成的框的类型-->text-deco

    2022-02-11 1919
  • css在图片上输入任意内容办法

    直接看代码:使用:position:relative; 生成相对定位的元素,相对于其正常位置进行定位position:absolute;生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。<divclass="banner"><imgsrc="地址"alt=".

    2022-01-26 1341
  • 改变背景颜色方法(css,js方法)

    <divclass="bg">背景颜色</div>css:.bg{background-color:red;}鼠标移动到元素改变背景颜色:css:.bg:hover{background-color:#003E82;}用js改变背景颜色document.getEle

    2022-01-10 1357
  • css sprites精灵的使用方法

    CSS Sprites 是一种将多个图像组合成一个图像文件以在网站上使用的方法,以帮助提高性能。理论:获取图像一次,然后移动它并且只显示它的一部分。这减少了必须获取多个图像的开销。优点:跟能够提升网站性能有关。显而易见,这是它的巨大优点之一。普通制作方···

    2021-12-23 2436
  • Bootstrap 模态框使用方法

    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap模态框(Modal)插件</title><linkrel="stylesheet"href="css/bootstrap.min.css"><scriptsrc="js/jquer···

    2021-12-19 2153
  • 鼠标移动到div上变为可点击状态

    给这个DIV的样式加一条:cursor:pointer;定义和用法:该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状url :需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。default 默认光标(通常是一···

    2021-12-19 4503