小科

代码记录贴
代码记录,随时增减, 不时更新,方便调用!
扫描右侧二维码阅读全文
18
2019/04

代码记录贴

代码记录,随时增减, 不时更新,方便调用!

1.通过css来设置链接的颜色
link:连接平常的状态
active:连接被按下的时候
visited:连接被访问过之后
hover:鼠标放到连接上的时候
例:

a:link {
 color: #003399;
}
a:visited {
 color: #0099FF;
}
a:hover {
 color: #009999;
}
a:active {
 color: #FF0000;
}

2.首页文章、图片。。。
.panel
.panel:hover
.panel-small
.panel-small:hover
.item-thumb
。。。


3.给网页图片加圆角的代码如下

border-radius: 8px;

4.给网页图片加阴影的代码如下

box-shadow: 2px 2px 2px #58585d;

4.首页文章阴影

/*panel阴影*/
.panel{ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.panel:hover{ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.panel-small{ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.panel-small:hover{ box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }

5.插入优酷视频

<iframe src="//player.youku.com/embed/XNDExNjE3ODY0OA==" width="300px" height="200px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

注:1.视频地址不加http: 2.视频来源优酷里的分享通用代码可得

Last modification:May 3rd, 2019 at 11:18 pm

One comment

  1. 士大夫

    有朋自远方来,不亦说乎!现在是:Thu May 02 2019 11:59:02 GMT+0800 (中国标准时间)

Leave a Comment