百度工具栏-切图

2017-01-16  本文已影响0人  17057任合宇

实现截图

QQ截图20170116230837.png

代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>百度</title>
</head>
<style>

box{

width:134px;
height:1015px;
}

intorduce{

width:134px;
height:79px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(introduce.gif) 15px 19px no-repeat rgb(249,249,249);
}

baidumusic{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(music.gif) 27px 41px no-repeat rgb(249,249,249);
}

baidupicture{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(picture.gif) 36px 27px no-repeat rgb(249,249,249);
}

baiduwenda{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(wenda.gif) 31px 20px no-repeat rgb(249,249,249);
}

baiduwenku{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(wenku.gif) 36px 20px no-repeat rgb(249,249,249);
}

baidutongji{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(tongji.gif) 31px 25px no-repeat rgb(249,249,249);
}

baidubrowser{

width:134px;
height:152px;
border-bottom:solid rgb(240,240,240) 2px;
background:url(broswer.gif) 34px 23px no-repeat rgb(249,249,249);
}

end{

width:134px;
height:10px;
background:rgb(249,249,249);
}
</style>
<body>
<div id="box">
<div id="intorduce">
</div>
<div id="baidumusic">
</div>
<div id="baidupicture">
</div>
<div id="baiduwenda">
</div>
<div id="baiduwenku">
</div>
<div id="baidutongji">
</div>
<div id="baidubrowser">
</div>
<div id="end">
</div>
</div>
</body>
</html>

下载链接:http://pan.baidu.com/s/1eSj2jFs 密码:pnwx

上一篇 下一篇

猜你喜欢

热点阅读