ICode9

精准搜索请尝试: 精确搜索
  • css-鼠标经过图片效果2020-12-29 13:01:56

    1.边框线                                 <a href="" class="dttw_tp">                                     <div class="t-top"></div>                            

  • css2020-12-18 09:04:47

    /**gray.css**/#menu{display:none;} #sidebar-switch{display:none;} #head{display:none;} #footer {display:none;} #main{height: auto;} #content {margin-left: 0px;width: 100%;} #main_content{padding: 0px;border: none;border-radius: 0px;-webkit-border-radius:

  • 纯css实现三角形?2020-12-16 19:02:46

    // 通过设置border .box { width:0px; height:0px; border-top:50px solid rgba(0,0,0,0); border-right:50px solid rgba(0,0,0,0); border-bottom:50px solid green; border-left:50px solid rgba(

  • C3之text属性的补充2020-12-06 09:32:22

    text属性 一、text-shadow 文本阴影1、书写格式:水平偏移量 垂直偏移量 模糊值 阴影颜色;2、浮雕和镂刻效果的实现3、与background的结合 二、其他属性1、white-space:normal(默认值) | pre | nowrap | pre-wrap | pre-line2、word-break:normal(默认值) | keep-all | break-all |

  • 美化网站的实用 CSS3 技巧2020-12-05 19:05:46

    美化网站的实用 CSS3 技巧 黑白图像 .desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } 页面顶部阴影 ::before { content:

  • 弹性盒布局CSS32020-12-03 23:01:51

    传统布局的局限性 1.清除浮动的额影响 2.很难实现居中 3.结构不灵活,不能随时添加盒子 弹性盒布局 非常灵活 提供一套浏览器内置布局 特点:一位布局 固定的CSS属性 决定了这个布局一般用在移动端 加在弹性父盒子身上的属性 1.声明弹性盒子 -webkit-display:flex; display:fle

  • HTML+CSS实现简易可交互照片墙2020-12-01 14:35:13

    效果图 首先先把效果图摆上 功能 可以进行动态交互,当鼠标放到图片上时,图片会旋转放大。 代码 首选,要实现一个简易的可交互的照片墙,我们需要先找到合适的图片,然后就是利用代码实现了。 HTML代码:使用时,只需要将图片地址换成自己的本地地址即可。   <!DOCTYPE html> <html lang="e

  • css3实现拟物风2020-11-27 17:28:31

    题外话:拟物风确实挺好看的,虽然现在还不算流行,但是对于设计来说应该是个趋势吧。 首先先看一下效果(虽然效果还是有些生硬,仅供参考) 代码模块:其实主要运用到css3的box-shadow属性(友情链接:https://www.w3school.com.cn/cssref/pr_box-shadow.asp) <body> <div class="containe

  • 打印文檔添加水印2020-11-27 14:03:20

    ** React 打印添加水印css樣式。 ** @media screen { .printer { display: none; } } @media print { /*隱藏app*/ #app { visibility: hidden; display: unset; padding: 0px !important; } .ms-Viewport { display: none; } /*系統打

  • HTML表格2020-11-25 12:57:30

    制作一个表格 <!DOCTYPE html>  <html>     <head>         <meta charset="UTF-8">         <title></title>         <!--定边框-->         <style>             table{                 border:0px solid black;     

  • HTML+CSS综合使用2020-11-08 14:04:18

    案例1 <!-- html.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>综合使用CSS</title> <link href="ex17.css" type="text/css" rel=&quo

  • hadoop安装文档2020-09-15 20:32:30

    1. 安装JDK 1.1 JDK安装步骤 下载JDK安装包(下载Linux系统的 .tar.gz 的安装包) https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html 更新Ubuntu源 sudo apt-get update 将JDK压缩包解压到Ubuntu系统中 /usr/local/ 中 sudo tar -zxvf jdk-8u251-l

  • CSS动画实例:太极图在旋转2020-08-20 06:32:07

          利用CSS可以构造出图形,然后可以对构造的图形添加动画效果。下面我们通过旋转的太极图、放大的五角星、跳“双人舞”的弯月等实例来体会纯CSS实现动画的方法。 1.旋转的太极图       设页面中有<div class="shape"></div>,若为. shape设置样式规则如下:   .shape   {  

  • 小程序 滚动到元素位置,设置元素置顶2020-08-05 13:00:52

    小程序不支持,获取窗口的滚动位置,比如window.pageYOffset、window.scrollY 当需要当界面滚动到元素位置时,设置元素固定,可以如下处理: 使用微信组件Scrollviewer 滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} 1 <ScrollVie

  • idea常用快捷键2020-08-02 17:00:43

    <!doctype html> IDEA快捷键html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",mono

  • shiro权限验证(个人看视频记录的,自己使用,大家参考有不懂可留言)2020-07-03 13:05:55

    一.shiro权限验证(个人看视频记录的,自己使用,大家参考有不懂可留言) I.搭建环境 i.导入坐标       xxxxxxxxxx         <dependencies>    <dependency>        <groupId>org.springframework.boot</groupId>        <artifactId>spring-boot-

  • SpringData JPA(个人看视频记录的,自己使用,大家参考有不懂可留言)2020-07-03 13:04:30

      SpringData JPA(个人看视频记录的,自己使用,大家参考有不懂可留言) day1:orm思想和hibernate以及jpa的概述和jpa的基本操作 一.orm思想 I.搭建环境的过程 II.完成基本的crud操作 我以一个保存的方式来讲一下jdbc的操作, i.定义实体类       ​x         @Dat

  • Linux 共享内存2020-06-23 19:56:27

    转载请注明来源:https://www.cnblogs.com/hookjc/一、什么是共享内存顾名思义,共享内存就是允许两个不相关的进程访问同一个逻辑内存。共享内存是在两个正在运行的进程之间共享和传递数据的一种非常有效的方式。不同进程之间共享的内存通常安排为同一段物理内存。进程可以将同一段共

  • vue 使用腾讯IM即时通信2020-06-22 19:01:35

    最近在做商城类的项目,需要使用到客服系统, 用户选择的腾讯IM即时通信,文档很。。。。 对Web很不友好, 弄了半天,总算出来。      先记录,防止后期忘记   1、 先安装依赖cnpm i cos-js-sdk-v5cnpm i tim-js-sdk 2、 导入数据 import TIM from 'tim-js-sdk'; import COS from "co

  • HTML全屏背景视频2020-06-21 18:42:20

    1.样式调整 <style> *{ margin: 0px; padding: 0px; } video{ position: fixed; right: 0px; bottom: 0px; min-width: 100%; min-height: 100%;

  • 如何通过HTTP优雅调用第三方-Feign2020-06-16 15:52:01

    <!doctype html><html><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'><title>优雅对接第三方-Feign</title><link href='https://fonts.loli.

  • css3的怎么设置圆的框2020-06-10 10:57:07

    CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 三大基本选择器是标签类选择器和id选择器 其中ID选择器大于类选择器大于标签选择器              <style type="text/css">            div{                background: green;    

  • sd2020-06-07 15:09:27

    <!doctype html>#简单理解回调函数 简单理解回调函数 如果,一个程序这样执行:       5         1 console.log("hello world!"); 2 ​ 3 setTimeout(()=>{ 4 console.log("执行setTimeout完毕。") 5 },2000);     会输出这样的结

  • java-jdbc2020-06-07 10:58:34

            xxxxxxxxxx     public static void main(String[] args) {        Connection connection = null;        PreparedStatement preparedStatement = null;        ResultSet resultSet=null;        try{            Class.f

  • vue脚手架安装配置2020-06-06 12:01:53

    搭建vue脚手架 下载vue.js vue官网:https://cn.vuejs.org/ ​ vue.js文件,右键保存到磁盘: https://cdn.jsdelivr.net/npm/vue/dist/vue.js         nodejs的下载安装 http://nodejs.cn/download/     下载文件解压 在其中新建两个文件夹 node-cache :npm缓存路

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

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

ICode9版权所有