ICode9

精准搜索请尝试: 精确搜索
  • 给容器添加阴影2021-09-22 17:05:16

    1、外阴影 .shadow-box{ -webkit-box-shadow:0px 0px 4px #ff0000; -moz-box-shadow:0px 0px 4px #ff0000; box-shadow:0px 0px 4px #ff0000; }   ****************************************************  分割线  **********************************

  • 自定义修改 input 的range2021-09-22 16:02:12

    最终效果  遇到的问题:         1、无法直接修改 input 进度条进度条颜色,解决办法使用css3背景渐变解决 css: 需要注意加上-webkit-appearance: none 否则无效 /*滑动条背景*/ input[type="range"] { -webkit-appearance: none; width: 522px; height: 24px

  • vue菜单导航2021-09-22 15:02:40

    <template> <div> <div class="box"> <ul> <li><a href="#">导航1</a> <ul> <li><a href="#" class="sech">导航1_1</a&g

  • 三角形制作2021-09-19 15:32:47

    打开Dreamweaver 2.新建一个html 3.新建一个css 4.打上标题“三角形” 5.设置链接,链接到css 6.在body里设置一个div, 7.在css里打上div 8. 分别写上它的高、宽、背景颜色、加它的属性,高宽分别是0px、0px,背景颜色是蓝色的red、然后它的圆角是实线构成的:border: 10px sol

  • CSS动画 让元素循环的下滑淡出2021-09-16 10:58:50

     .slide-fade-animation {    animation-name: example;    animation-duration: 3s;    animation-iteration-count: infinite;    position: relative;  }  ​  @keyframes example {    0% {      left: 0px;      top: 0px;      opacity: 1;   }

  • HTML5——PC端布局策略2021-09-15 07:02:52

    1. 以小米商城为例 2. 以淘宝猜你喜欢为例     逐行分析,每行元素定宽高,精确文字自适应 适配器定好单个再复制   初始css配置 * { padding : 0px; margin : 0px; } ul { list-style : none; } a { text-decoration : none; color : #000; }     具体

  • js获取中国省市区,省市筛选、省市、省市筛选联动。【C#】【js】2021-09-06 11:35:16

    <style type="text/css"> .labelhide { -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px 0px #f3f3f3 !important; box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px

  • 超简单的登录网页实现2021-09-03 22:31:27

    HTML+CSS+JS!好看的登录页面! ) 废话上说,直接上图! (^_−)☆ 全部代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

  • css 高级技巧汇总2021-08-30 10:00:06

    1、黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} 2、使用 :not() 在

  • 博客园添加横向菜单2021-08-29 20:02:05

    博客太多不太好管理了,增加顶部菜单,效果如下 <style type="text/css"> * { margin: 0px; padding: 0px; } #nav { width: 800px; height: 40px; margin: 0 auto; text-ali

  • 怎么使用html+css实现轮播图效果(代码分享)2021-08-27 15:31:35

    本篇文章给大家介绍怎么使用html+css实现轮播图效果,我们一起看看怎么做。    推动轮播实现效果图如下 首先写Html部分,你可以理解这个div标签,如果你写CSS或者JS的时候可以用到这几个div标签, 就是 一个ID为container的div,先不说多,下面给大家代码示例。 <div id="container"> <

  • 022实现淘宝下三角2021-08-15 03:00:06

    代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>002实现淘宝下三角</title> <style type="text/css"> div { width: 0px;

  • 页面中导航条怎么制作2021-08-05 16:33:20

    导航条不要搞一些花里胡哨的东西,就一个无序列表去搭结构!!!!! 第一个导航条展示     <header class="header"> <a href="#"><img src="./images/img_03.png" alt="logo"></a> <ul> <li><a hr

  • window的IntersectionObserver特性使用2021-08-03 15:02:32

    前言 翻vant源码,看到有使用IntersectionObserver属性,才疏学浅的我居然不知道是啥玩意,百度一番,确实是个好东西! IntersectionObserver主要用于元素可见性的监听,比传统通过全局监听scroll事件去判断可见性无论是性能还是便利性都要好得多。因为api比较新,存在兼容性问题,好在已经

  • div鼠标悬浮加阴影2021-08-02 18:02:40

    效果图:(总控计划) html代码: <div class="headItem" v-for="(i,index) in item1" :key="i.id" > </div>  css代码: .headItem{ background-color: #FFFFFF; width: 16rem; position: relative; display: flex; align-items: center }

  • 黑马前端p332 品优购 lifeservise 减图标制作2021-08-02 10:02:10

    黑马前端p332 品优购 lifeservise 减图标制作 效果图 代码(代码还待优化 求指导) <div class="lifeservice"> <ul> <li class="li-discount"> <i></i><p>机票</p>

  • 【动画消消乐】HTML+CSS 自定义加载动画 0692021-07-29 13:34:27

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做笔记

  • HTML5和CSS3的相关知识2021-07-28 21:33:08

    一、HTML5    1.H5的发展历史          HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。          HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已

  • CSS3 radius box-shadow borderIMG2021-07-17 13:30:24

    border-radius: 圆角 复合四个值 被圆切割  值为50% 是圆形 --- 二个值 第一个值代表左上右下 第二个值代表右上左下                                 三个值 1 左上 2 右上左下 3 右下                                 四个值 1 左上 2 右上

  • 2021-6-252021-07-10 23:33:17

    65 新手指导模块 <el-drawer class="drawer" :title="$t('新手引导')" :visible.sync="drawer" size="465.81px" :modal="false" > <div style="display:f

  • 000博客园在线编辑器tinymce简明教程2021-07-03 07:00:48

    tinymce编辑器 下图是博客园编辑器界面     1.查询HTML 写一篇文章实际上是构建了一个HTML网页,内容和格式都最终保存在这个HTML网页中。如果格式上有什么不确定的地方,都可以查询和修改HTML本身。你可以通过下面的“HTML”按钮来查看:   2. 插入代码 对于技术博客来说,代码插入

  • 常用的CSS2021-07-01 17:34:32

    *复合样式 常用样式汇总 字体类型: font-size * 字体 /行高 font-family 字体 font -weight 字体的粗细 文本类型 设置文本的修饰线外观(下划线、上划线、贯穿线/删除线) 复合样式 text-decoration-line ,text-decoration-color, text-decoration-style text-decoration :* none

  • 背景图滚动translateY代替background-position更优2021-06-28 10:00:18

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>doc</title> <

  • 栏中栏2021-06-17 21:01:54

                .view>div:nth-child(1)>div { width: 100%; line-height: 40px; text-align: center; position: relative; } .view>div:nth-child(1)>div:hover { /*只是做一个示例,真实中可不是hover*/

  • uniapp定义个好看的阴影2021-06-15 13:57:53

    $box-shadow2:0px 5px 5px 0px #EDEDED; 使用: box-shadow:$box-shadow2 效果:

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有