emmm 自学HTML5的过程中做了一个仿Windows的界面比较粗糙 记录一下=-=
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>明镜止水</title>
<style type="text/css">
html,body {/*页面样式定制,清除边距,显示定义高度*/
padding: 0;
margin: 0;
height: 100%;
}
#desktop {/*定制桌面背景效果*/
background:url("../images/辉夜.jpeg");
height: 100%;
font: 12px "Segoe UI", Tahoma, sans-serif;
position: relative;
-webkit-box-shadow: inset 0 -200px 100px #032b5c,
inset -100px 100px 100px #2073b5,
inset 100px 200px 100px #1f9bb1;
overflow: hidden;
}
#startmenu {/*设置任务栏效果*/
position:absolute;
bottom: 0;
height: 40px;
width: 100%;
background: rgba(178,215,255,0.25);
-webkit-box-shadow: 0 -2px 20px rgba(0,0,0,0.25);
发布者:admin,转转请注明出处:http://www.yc00.com/web/1747557165a4652835.html
评论列表(0条)