css
文章平均质量分 86
十年树木_2015
努力!奋斗!
展开
-
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。1、正方形最终效果:CSS代码如下:#square { width: 100px; height: 100px; b转载 2015-12-14 15:13:03 · 462 阅读 · 0 评论 -
css3通话效果的例子
代码:css3通话效果.call_page{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.77); width: 1920px; height: 1080px; display原创 2016-09-14 17:35:24 · 727 阅读 · 0 评论 -
css3/css2让文字超出段落后省略号显示等效果
1.让文字超出段落后省略号显示 让文字超出段落后省略号显示 .fath{ width: 200px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 这个表示要显示几行 */ -web原创 2016-09-14 16:42:05 · 3794 阅读 · 0 评论 -
css利用border-radius圆角来设置背景图片为圆角的
例子:设置背景圆角.normal{ background-image: url(images/rest.png); width: 215px; height: 215px; border-radius: 50%; background-size: 215px; background-repeat: no-repeat; background-原创 2016-09-14 09:22:35 · 37922 阅读 · 5 评论 -
css3 transition等属性,持续更新...
1.transition属性:参考网站:http://www.runoob.com/cssref/css3-pr-transition-timing-function.htmltransition属性:例子:div{ width:100px; height:100px; background:red; transition:width ea原创 2016-08-31 09:54:11 · 461 阅读 · 0 评论 -
一些css、css3画的效果等,持续更新
1、css3画出的页面loading效果:html:css3代码:.loading_index{ position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border-bottom: 6px solid; border-left: 6px solid;原创 2016-03-14 20:26:12 · 881 阅读 · 0 评论 -
关于css的布局
1、圣杯布局: 圣杯布局 body{ padding: 0px 200px 0px 100px; min-width: 600px; /* 设置页面最小宽度,防止缩小浏览器div错位 */ } .middle{ width: 100%; height: 200px; background: red; float: left; word-bre原创 2016-07-08 00:46:45 · 347 阅读 · 0 评论 -
关于css清除浮动
原文地址:http://www.cnblogs.com/iloveyoucc/archive/2012/09/17/2688726.htmldiv+css中clear用法一开始用clear属性,只是跟float相对使用,今天看视频的时候还是不大明白,查了下资料原来是这样的哦,看咯。clear属性值有四个clear:both|left|right|none;作转载 2016-07-07 23:21:05 · 353 阅读 · 0 评论 -
利用@media screen实现网页布局的自适应
一篇很好的文章,转过来了。原文地址:http://www.cnblogs.com/xcxc/p/4531846.html利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上(大于1200px)@me转载 2016-06-21 17:41:22 · 373 阅读 · 0 评论 -
CSS修改前端的一些样式等,持续更新...
1、select默认的下拉框,当改变select大小等时,默认的下拉箭头很小,难看,怎么修改?html代码“ 北京 上海 天津更改select默认下拉框的样式,css代码: .selectbox_province { // 将默认的select样式清除 appearance:none; -moz-appea原创 2016-03-01 10:28:02 · 2061 阅读 · 0 评论 -
使用css方法,实现文字字符串截断处理
其实这个也是借鉴别人的,好东西需要拿出来和大家<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”“http://www.w3.org/TR/html4/loose.dtd“>css文字截断____dowhatyouwantbody{background-color:#f4f4f4;font-size:1原创 2016-01-21 10:30:26 · 2966 阅读 · 1 评论 -
CSS学习中遇到的问题记录
1、Bootstrap中.hidden的属性是这么写的:.hidden {display: none!important;visibility: hidden!important;}display:none与visibility:hidden的区别display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:原创 2015-12-17 13:49:10 · 955 阅读 · 0 评论 -
半圆形菜单demo
工作中碰到一个写的很好的圆形菜单,demo过来,后面看看,感觉很有用。 底部圆形展开菜单demo原创 2016-10-20 13:36:21 · 2087 阅读 · 0 评论