CSS_木偶空间

现在位置：主页 > CSS >

2020-02-11 / 点击次数：107 / 评论：0

/* 超小设备（手机，小于 768px） */ /* Bootstrap 中默认情况下没有媒体查询 */ /* 小型设备（平板电脑，768px 起） */ @media (min-width: @screen-sm-min) { … } /* 中型设备（台式电脑，992px 起） */ @media (min-width: @screen-md-min) { … } /* 大...

用background-size实现背景图片自适应浏览器大小不变形

2020-02-11 / 点击次数：442 / 评论：0

background-size: cover; //只支持IE9+-webkit-background-size: cover; //webkit核心-moz-background-size: cover; //FF核心-o-background-size: cover; //应该是Opera核心吧，反正不是IE的，就先不管它了以上几个css3属性都可以很好的支持根据浏览器大小...

背景图浏览器阅读全文

CSS边框长度控制

2018-12-27 / 点击次数：274 / 评论：0

以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。 div class="content-block"div class="box-container"div class="border-top"border top/div/divdiv class...

CSS 边框阅读全文

织梦后台栏目，文章列表等鼠标滑过变色

2016-12-22 / 点击次数：146 / 评论：0

织梦后台原本的背景色为浅绿色，鼠标滑过的时候，效果不是很明显，所以只好把后台的颜色全部换掉，仅举例，至于具体换成什么颜色，大家自己琢磨。 onMouseMove="javascript:this.bgColor='#FCFDEE';" 替换成（建议使用DW的批量替换功能，把\dede\templets这...

阅读全文

CSS鼠标悬停图片上图片变灰变色半透明

2015-12-16 / 点击次数：246 / 评论：0

DIV CSS 鼠标移动悬停在图片上图片变色或半透明变化效果实现，CSS鼠标悬停图片上图片变灰、图片变色、图片半透明一、DIVCSS5介绍与说明： - TOP 看到网页中的图片当鼠标移动到图片上时（鼠标悬停在图片上）图片变灰，看似变色变灰效果，实际是图片被 CSS 设...

CSS 鼠标图片阅读全文

CSS控制瀑布效果自用

2015-03-25 / 点击次数：188 / 评论：0

这是大概的效果，相信很少有人会用到，因为没有JS，没有绚丽的载入效果，但是因为某站特殊性，需要用到，这种布局方式，仅留下代码备用。HTML代码 div class="clink"div class="ch3"a class="on" id="cn2_1" onclick="javascript:return hd(this,'cn',5);"友...

CSS 阅读全文

隐藏文字超出部分隐藏部分省略号

2014-04-21 / 点击次数：198 / 评论：0

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法一是用程序开截取字符长度，这个其实也是可以的，省略号： text-overflow:ellipsis;-o-text-overflow:ellipsis; 第二种是用样式来做,这里主要介绍...

阅读全文

效果如下图：直接上代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; char...

文字居中阅读全文