因为在现在的大部分项目中很多都用到了滚动条，有时候用到模拟的滚动条，现在说下滚动条的CSS也能解决。 比如网易邮箱的滚动条样子很好看，就是利用的CSS来设置的，而且是webkit浏览器的。如图所示： 下面就讲解这几个属性怎么使用，代表什么意思。 一：webkit下面的CSS设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ...
CSS如何设置div背景透明度且兼容性良好: 建议:尽可能的手写代码，可以有效的提高学习效率和深度。 设置对象的透明度在很多网页特效中都有实用，设置对象的透明度并不难，唯一的难点可能就是如何兼容各大主流浏览器，下面就简单介绍一下如何实现此效果。代码实例如下: 蚂蚁部落 *{ margin:0px; padding:0px; } .opacity{ width:150px; height:150px; background-color:green; filter:alpha(opacity=50); -...
CSS设置DIV居中 body{ text-align:center;}.divs{ margin:0 auto;} CSS设置DIV居中 版权声明：本文为博主原创文章，未经博主允许不得转载。
植物志 天 然 次 生 林 Natural secondary forest 花山天然次生林群落在华东地区同等地带类型中罕见。游子山森林公园地处苏浙皖交界的独特地理位置，其山系有天目山余脉植被组成与南京又稍显不同。所属植物自然区系属泛北极植物区，中国-日本森林植物亚区的华东地区，亚热带常绿阔叶林区域，东部湿润常绿阔叶林亚区域，北亚热带常绿、落叶阔叶林的混交林地带，江淮丘陵栎类、苦槠、马尾...
Footer顾名思义页脚，如果内容多的时候在底部时感官很好，但是当内容变少（无法撑开一屏的时候）footer不固定在底部，影响美观，对于已经从事前端工作的工作的来说应该是比价工作中入门级别的问题了，由于本人前端水平有限，耗费一点时间最后通过负边距实现了这个简单的功能，代码如下: 博客地址:http://www.cnblogs.com/xiaofeixiang/ 博客园-FlyElephant 设置CSS: ...
CSS设置背景图片代码:设置背景图片并不难，但是有时候会忘记url的格式怎么写，之所以写这篇文章，就是让忘记者查询到，寄希望提供一定的帮助。代码如下: background-image:url(mytest/demo/small.jpg) 相关阅读:1.background属性可以参阅background属性用法详解一章节。 2.background-image可以参阅CSS的background-image属性一章节。 原文地址是:http://www.softwhy.com/forum.php?mod=viewthre...
CSS如何设置选中文本的颜色:在默认状态选中的文本颜色和背景颜色并不美观，如果能够给句网站整体的配色来设置被选中文本和背景颜色那么将会极大的提高美观度，下面就通过代码实例介绍一下如何实现此效果。代码如下: 蚂蚁部落::selection{ background-color:#84ca7f; color:#000;}::-webkit-selection{ background-color:#84ca7f; color:#000;}::-moz-selection{ background-color:#84ca7f; color:#000;}蚂蚁部落...
CSS如何设置div半透明效果:设置元素的透明度在很多应用中都有使用，下面就介绍一下如何设置一个元素为半透明，其他的透明效果自己衍伸就可以了。代码实例如下: 蚂蚁部落div{ filter:alpha(opacity=50); opacity:0.5; width:100px; height:100px; background-color:green;} opacity属性所以标准浏览器都支持，但是IE8和IE8以下浏览器不支持此属性，于是就使用filter:alpha(opacity=50)进行...
CSS如何设置连接的样式:网站中，可能需要将链接的样式设置的更为美观一些，在默认情况下，链接在没有点击和点击后的样式是有所差别的，这就是一个人性化的效果，可以有效的区分链接是否已经被点击过，下面就介绍一下如何设置连接的样式。一.样式属性:1.a:link:定义链接点击前的样式。2.a:visited:定义链接点击后的样式。3.a:active:定义链接被激活时的样式，也就是鼠标按下时的样式。4.a:hover:定义鼠标悬浮于连接上时的样式。二.代...
CSS如何设置文字之间的间隔:在通常情况下都是使用文字的默认间距，但是有时候也要认为的设置文字之间的间距，下面就通过实例代码介绍一下如何实现此效果，代码如下: 蚂蚁部落.txt{ letter-spacing:40px;}蚂蚁部落欢迎您 以上代码实现了我们的要求，使用letter-spacing属性即可实现，关于此属性可以参阅CSS的letter-spacing属性一章节。 原文地址是:http://www.softwhy.com/forum.php?mod=viewt...
css设置input文本框样式代码实例:使用css设置input元素的样式是最为常用的操作之一，当然也是最为基础的操作，可能对于刚刚接触css的朋友还不够熟悉，下面就通过一段简单的代码历史演示一下如何设置文本框的样式，当然这个演示可能并不是特别的美观，这里的目的也只是起到一个演示作用，代码如下: 蚂蚁部落 .txt{ width:200px; height:18px; border-top:1px solid green; border-left:1px solid green; backgroun...
利用css设置打印页面简单介绍:在很多是时候往往要打印网页中的某一部分，而不是全部网页，所以告诉打印机要打印的部分，使用css进行一下设置是一个比较好的方式，先看一段代码: 以上两行代码是引入外部css样式表，需要特别主义的是media属性值分别是screen和print，用来规定css样式表要服务的对象，如果属性值是media，则说明是为了在屏幕控制页面的显示，如果属性值是print，则说明css代码是用于控...
css设置元素透明度代码实例:本章节介绍一下如何设置一个元素的透明度，现在众多的效果都有使用，下面就介绍一下如何实现此效果。w3c提供了一种标准的设置透明度的属性opacity，此属性值大小是介于0-1之间的，0为完全透明，1为完全不透明。代码如下: 蚂蚁部落div{ width:100px; height:100px; background:red; opacity:0.3;} 以上代码在谷歌和火狐浏览器中能够完美执行，但是在IE8和IE8以下浏览器...
分类：前端技术 | 标签：CSS | 发布时间：2016-01-11 13:30:00 在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过 js 的方式进行设置并通过监听 resize 来实时更新，但是这种方式很麻烦。 这里通过 css 来达到我们想要的效果： HTML: 需要添加一个父元素来达到我们的目的。 CSS: .box { position: relative; width: 50%; /* desired width */}.box:before { conte...
css设置span元素的尺寸:在默认状态下是无法设置span元素的尺寸的，只能够根据内容的尺寸自适应，也就是说给span元素设置width和height属性默认条件是无效的。之所以会出现这种情况是因为span元素是内联元素，内联元素无法设置尺寸的，只要设置为块级或者内联块级元素即可。代码实例如下: 蚂蚁部落 #antzone{ width:200px; height:100px; background:green; display:block;} ...