【经典语录】 不要轻易用过去来衡量生活的幸与不幸！每个人的生命都是可以绽放美丽的，只要你珍惜。
活到老学到了，我也不怕你笑——Brisklan。
最新发布
css写的几个箭头，用在排序等地方
在搜索排序的时候经常需要显示当前的排序状态，用css写的箭头：/* css3三角形（向上 ▲） */ div.arrow-up { width:0px; height:0px; border-left:5px solid transparent; /* 右透明 */ &nb...
用css美化html表单的file类型input，美化上传按钮
这是很不错的css美化上传input-file的修饰，记得收藏！！！我也是找了好多才找到这么容易理解的！html部分：<!--样式1--> <a href="javascript:;" class="a-upload"><input type="file" name=&...
用css实现聊天气泡效果
在开发网站客服聊天通讯功能，需要优化一下界面，查阅资料发现了一个不错的效果，稍微改造了一下可以正常使用了。...
优惠券样式，html优惠券中心领取样式，css优惠券样式
优惠券是一个商城里面经常使用的功能，今天在开发优惠券插件的时候需要相关的页面样式，从以前自己写的小程序里面自己修改后变成了html的了，现在分享记录一下，方便以后直接取，效果和代码如下：<!doctype html> <html lang="zh"> <head> <m...
css设置文本超过x行自动隐藏多余部分
今天在做一个页面的时候，因为用了浮动功能，多个区块后发现对齐不好，用各种清理浮动也没有效果，于是用css直接控制多出了的字数，这样多出来的就自动隐藏，然后添加了一个tips在点击时提示一下即可。.desc.f-left { overflow: hidden; text-overflo...
user-select自定义可复制html内容
设置css禁止某些内容被复制或者全部不给复制 /*firefox浏览器*/ -moz-user-select: none|text|all; /*safari、chrome浏览器*/ -webkit-user-select: none|text|all; /*Safari中不支持该属性值，只能使用none或者text，或者是在html的标签属...
select和input不能水平对齐问题解决
一般情况下select和input不会在一个水平上对齐的，需要设置select的css样式才能让它们的框框对齐： 给select添加css样式（如：style="vertical-align:middle;"） vertical-align:middle 就可以了。 效果如下图： ...
css之position用法
页面设计往往需要进行CSS定位的设置，比如相对定位，绝对定位。但是如果忘记给相对的父类设置position属性，效果就没有了或者不是想要的效果。案例中我把这个按钮相对父类居于底部距离5px的地方，要做到这一点需要把父元素的position属性设置为relative，设置为relative之后不设置left和top属性，这时候父元素虽然是relative的，但是还是在原来位置。 然后把子元素的...