【1】最近很火的网站右下角生成一个旋转小魔方

   <div class="mofang"> <div class="cube"> <div class="front"> <a href="javascript:void(0);" rel="nofollow">欢迎光临本站</a> </div> <div class="back..

所在栏目:[div+css]    更新时间:2021-06-08    关注度:9次【阅读全文】

【2】style.css?ver= 的使用

   ver=100331表示style.css这个文件的版本号。style.css文件可能会被客户端缓存,如果仅仅写成style.css,并且被客户端浏览器缓存,那么一旦服务器更新style.css后客户端不一定会同..

所在栏目:[div+css]    更新时间:2021-06-08    关注度:12次【阅读全文】

【3】css怎么给图片添加阴影效果?图片添加阴影的两种方法(代码实例)

   css可以实现很多的图片效果,图片阴影效果就是其中之一,那么css如何给图片添加阴影效果?本篇文章就给大家介绍如何使用css给图片添加阴影(附代码),让大家了解css给图片加阴影的两种..

所在栏目:[div+css]    更新时间:2021-05-31    关注度:7次【阅读全文】

【4】【原创】四段显示代码的代码

   效果:代码:<blockquote style="box-sizing: border-box; outline: 0px; padding: 16px 16px 0px; margin: 0px 0px 24px; border-left: 8px solid rgb(221, 223, 228); backgr..

所在栏目:[div+css]    更新时间:2021-05-16    关注度:6次【阅读全文】

【5】CSS3 box-shadow 效果大全(内阴影,外阴影,三边阴影,双边阴影,单边阴影,细线描边…)...

   CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解..

所在栏目:[div+css]    更新时间:2021-05-16    关注度:6次【阅读全文】

【6】浏览器滚动条样式

   ::-webkit-scrollbar //滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。(位置1)::-webkit-scrollbar-button //滚动条两端的按钮。可以用..

所在栏目:[div+css]    更新时间:2020-03-28    关注度:6次【阅读全文】

【7】【原创】自适应模版隐藏显示层实例教程

   在给朋友做网站QQ客服时出现的问题,因为申请的QQ弹窗代码,只给了PC端的代码,如果在手机上点QQ,不能打开手机QQ对话框的,我们在做WAP模版时就知道了,普通PC端代码,直接用<a>表示超..

所在栏目:[div+css]    更新时间:2020-02-15    关注度:6次【阅读全文】

【8】【原创】怎么用框架实现只显示“嵌入页面中间的某部分位置”

   例如一个页面是这样的:而我想做个新页面,想在一个固定的地方嵌入上面的页面即可,我这个嵌入框有固定大小,所以只想嵌入到登陆框那个地方,按照下面方法即可:用浮动框架,再在A页面中..

所在栏目:[div+css]    更新时间:2020-02-04    关注度:6次【阅读全文】

【9】【原创】图片限高隐藏

   /** 思良:首页图片超出隐藏 **/#tupian{ max-height:115px; overflow:hidden;}#tupian img {width:180px; height:auto; margin:auto;padding-right:10px;}..

所在栏目:[div+css]    更新时间:2019-10-15    关注度:6次【阅读全文】

【10】【原创】按时间段调用不同CSS

    具体代码:<link rel="stylesheet" type="text/css" href="<?php $hour=date("H");if ($hour<12) echo "/skin/skyzsyone/css/style-blue.css"; elseif ($hour<17) echo "/sk..

所在栏目:[div+css]    更新时间:2018-09-19    关注度:6次【阅读全文】

【11】限制div高度当内容多了溢出时显示滚动条

   这篇文章主要介绍了如何限制div高度当内容多了溢出时显示滚动条,这个方法很实用,特别是在需要显示更多内容的时候,好了看看下面的示例代码如下:<!DOCTYPE html PUBLIC "-//W3C/..

所在栏目:[div+css]    更新时间:2018-08-09    关注度:6次【阅读全文】

【12】【原创】纯css 让图片等比例缩放

   本站CSS#nrjuzhong img{/*margin:auto;*/ /*vertical-align: middle; text-align: center; display:block;*/ /*思良:上面图片居中,下面自动略缩*/ max-width:10..

所在栏目:[div+css]    更新时间:2018-08-05    关注度:6次【阅读全文】

【13】【原创】自定义按钮的一个样式效果

   <style type="text/css">input[type="submit"], input[type="reset"]{ /* 按钮边框效果 */ border:0px; padding:5px 15px 5px 15px; cursor:pointer; font-family: &#39..

所在栏目:[div+css]    更新时间:2018-07-05    关注度:6次【阅读全文】

【14】css实现超出div长度文字自动隐藏或用省略号表示

   在网页设计中,一些区域的标题文字是不能换行的,例如首页显示的文章标题,因为布局是固定的,换行会打乱布局,从而使网页产生错位。因此,我们需要一行一段文字,超出行宽的文字用省略号..

所在栏目:[div+css]    更新时间:2018-02-10    关注度:6次【阅读全文】

【15】如何让一个行内元素(如一张图片)在div中居中

   (1)第一种:用vertical-align<div class="method1"> <span class="tiptop"></span> <img class="test" src="img/Dota2.jpg" alt="dota2"> </div> <style> .method1{ t..

所在栏目:[div+css]    更新时间:2018-02-07    关注度:6次【阅读全文】

【16】纯css的防止图片撑破页面的代码(图片自动缩放)

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">.content-width {MARGIN: auto;WIDTH: 600px..

所在栏目:[div+css]    更新时间:2016-03-21    关注度:6次【阅读全文】

【17】【原创】用CSS把DIV固定到最下面(别人那里抠来的)

   <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=0;"><meta charset="UTF-8"> <style..

所在栏目:[div+css]    更新时间:2016-03-07    关注度:6次【阅读全文】

【18】用css实现文字的自动隐藏

   不可换行 <NOBR></NOBR> (不换行) overflow版本:CSS2  兼容性:IE4+ NS6+ 继承性:无 语法: overflow : visible | auto | hidden | scroll 参数: visible :  不剪切内容也不添..

所在栏目:[div+css]    更新时间:2016-01-21    关注度:6次【阅读全文】

【19】关于CSS Sprite切图技术

   我们经常看到一个页面上有很多小图标,可是当我们用工具去打开时却发现这些小图标其实在一张图片上,这是怎么实现的呢这当中用到了CSS Sprites切图技术。CSS Sprites其实就是把..

所在栏目:[div+css]    更新时间:2016-01-14    关注度:6次【阅读全文】

【20】利用CSS定位背景图片 background-position

   我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很..

所在栏目:[div+css]    更新时间:2015-12-21    关注度:6次【阅读全文】