css记录

//鼠标手
cursor: pointer;
//清除下划线
text-decoration: none;
//底部虚线
border-bottom: 1px dotted #333;
//增加阴影
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
//圆角
border-radius: 20px;
//下圆角
border-radius: 0 0 10px 10px;
//边框
border: 2px solid #fff;
//背景颜色渐变
background-image: -webkit-linear-gradient(top,#0A69C8 0%,#4E9DEC 50%,#0C76FF 100%);
//背景图坐标
background-image: url(http://js.libixi.com/img/kefu-tb.png);
background-repeat: no-repeat;
background-position: center -9px;
//background-size让背景图寸尺大小可控
background-size：120px

onclick弹出新窗口

<a href="javascript:;" onclick='window.open("http://www.baidu.com")'>弹出</a>

视频

<p><iframe  style="z-index:1; " height="375" width="500" frameborder="0" src="https://v.qq.com/iframe/preview.html?vid=b0020d8wsqm&amp;width=500&amp;height=375&amp;auto=1"></iframe></p>

一个按钮例子

.btn-zixun { color: #fff; box-shadow: 0 6px 12px rgba(0,0,0,0.1); border-radius: 8px;border: 2px solid #fff;background-color:#0A69C8; padding: 10px;text-decoration: none;} 
.btn-zixun:hover{ color: #fff; background-color: #69c; border-color: #0A69C8;padding: 10px;text-decoration: none;box-shadow: 0 6px 12px rgba(0,0,0,0.1);border-radius: 20px;border: 2px solid #fff;}

资料网http://www.ziliao999.com 整理