百度工具欄-切圖

實現截圖

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現在,利用CSS3的Transform,...
    kiddings閱讀 3,195評論 0 11
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,634評論 0 8
  • 不會用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,560評論 0 0
  • 我要朝著我的目標,我要走我的路,我要超越過那遲疑者和拖拖拉拉的人。因此讓我的行進成為他們的沒落。
    小采617閱讀 174評論 0 0
  • 想法有了,那就先寫一個文案吧,否則誰知道你想做什么。 如果你具有:創(chuàng)業(yè)的夢想;融入團隊的熱情;讓人信服的產品研發(fā)能...
    何必閱讀 5,779評論 2 3