|
|
???????????CSS????
???????
????????????
??????main??????????????????
????h1???User Login?
????h2???????????????
??Username?Password??????????
????????
????????????
????????????????
???????xhtml???
Example Source Code
<div id="main">
<h1 id="title">User Login</h1>
<h2 id="login">???????????</h2>
<p class="formt">Username</p>
<p><input name="Username" type="text" class="username"></p>
<p class="formt">Password</p>
<p><input name="Password" type="password" class="password"></p>
<p id="forget"><a href="/" target="_blank">ForGet Password ? </a></p> <p id="button"><input type="image" src="loginin.gif" class="imgbutton" /></p>
</div>
????????CSS????????????????
????h2??title?????????formt?????????????????????????????????????????formt?title??????????????
Example Source Code
#title,.formt { width:208px; height:26px; line-height:26px; text-indent:5px; font-family:verdana, tahoma, sans-serif; font-size:10px; background:#ddd;}
.formt { display:block; font-weight:800; background:#fff;}
title??formt?????
??????208px?26px?
??26px?????5px?
???????????
??????#ddd????
?.formt???????
????????????
??title?h1??????????????????????
??formt?????#fff???
???????h2???????????
Example Source Code
#login { width:208px; height:24px; padding-top:11px; background:url(warning.gif) no-repeat 9px 8px; text-indent:28px; font-size: 12px; color:#666; font-weight:100;}
??????208px?24px?????????????????????????????100??
???????????????.username??.password?????????????????????????????????????
Example Source Code
.username,.password {
background:#fff;
border:1px solid #ccc;
color:#000;
font-family:verdana, tahoma, sans-serif;
font-size:12px;
width:196px;
height:22px;
margin-left:6px;
padding-left:20px;
line-height:20px;
}
????#fff?????1px????#ccc???
?????????????
???????????196px?22px?
?????????????????????6px?
??????????????????????20px?
???input????????????????????????20px?
Example Source Code
.username { background:url(username.gif) no-repeat 2px 2px;}
.password { background:url(password.gif) no-repeat 2px 2px;}
?????????.username??.password????????????????????????????????2px????????????????????????20px????????????????????????????????
??????????????????????
Example Source Code
#forget a { width:208px; height:20px; line-height:20px; text-indent:3px; font-family:verdana, tahoma, sans-serif; font-size:10px; color:#f60}
#button { width:208px; height:28px; }
.imgbutton {margin-top:7px; margin-left:132px; }
??????????????????????????????????????hover??????????????button?????208px?28px?
?????????xhtml?????????input type="image" src="loginin.gif"
??????????????????????????????????????????????????????????
?imgbutton?????????????????????????????????????
???????CSS???
Example Source Code
* { margin:0; padding:0;}
#main { width:208px; margin:50px;}
#title,.formt { width:208px; height:26px; line-height:26px; text-indent:5px; font-family:verdana, tahoma, sans-serif; font-size:10px; background:#ddd;}
#login { width:208px; height:24px; padding-top:11px; background:url(warning.gif) no-repeat 9px 8px; text-indent:28px; font-size: 12px; color:#666; font-weight:100;}
.formt { display:block; font-weight:800; background:#fff;}
.username,.password {
background:#fff;
border:1px solid #ccc;
color:#000;
font-family:verdana, tahoma, sans-serif;
font-size:12px;
width:196px;
height:22px;
margin-left:6px;
padding-left:20px;
line-height:20px;
}
.username { background:url(username.gif) no-repeat 2px 2px;}
.password { background:url(password.gif) no-repeat 2px 2px;}
#forget a { width:208px; height:20px; line-height:20px; text-indent:3px; font-family:verdana, tahoma, sans-serif; font-size:10px; color:#f60}
#button { width:208px; height:28px; }
.imgbutton {margin-top:7px; margin-left:132px; }
??????????xhtml?css???????????????????????????????????????CSS?????????????????????????????
????????_????????????
????????????
??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
????????? ?????????????
?????????
???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
1
???????????????
????????????????????????????????????????????????
??????????
??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
2
???????????
????????
???????????????????????????????????????????????????????????????????????????????60-400?/m2??
3
??????????
?????????
4
??????????
???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
??????????
?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????/?????????? 5
????????????
?????????
?????
??????????????????????????????????????????????????????????????????? ???????????????windows?desktop???????
?????????????e????????????:
??????????????
[ExtShellFolderViews]
{BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC}
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
Attributes=1
IconArea_Image=E:??xxxxx.jpg????????
IconArea_Text=0x00000000
[.ShellClassInfo]
ConfirmFileOp=0
[Ctrl+A Select All]
??????????????????????????.
????????.txt??desktop.ini,??c?d?e???????????????????????????????????????????????? ????????????????????????????????????
???????????????????
??????????????????desktop.ini??????????desktop.ini??????????????????????e??MP3???????????????
?1?????mp3????????????????????????????????????????????????????????????????????ico????????????????????????desktop.ini???????????????????????????????????????????...???--?????--???????????????????????????????????
?2?????e:mp3????????desktop.ini?????????????????????
[.ShellClassInfo]
IconFile=?????????
IconIndex=3
????
??iconindex=n????????????????????iconfile=????????????????????????????????iconindex=1?iconfile=C:windows
egedit.exe???????F5??????????????????????
??????????????
[ExtShellFolderViews]
{BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-
A3A4-00C04FD706EC}
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
Attributes=1
IconArea_Image=E:??xxxxx.jpg
IconArea_Text=0x00000000
???ok??
??????????
????desktop.ini???????????
[.ShellClassInfo]
InfoTip=???????
??????????????????????????????????????????????
??desktop.ini???????????????????????????????????????????????????????????
????????????????????????????????????????????????; ???????????IconArea_Text=0x00FFFFFF(???x?????)?????Enter?; ???????????=???????????0x000000FF; ?????????0x0000FFFF; ?????????0x00FF0000; ?????????0x00808080????????24??????????????????????: 0x00bbggrr(????????0??????00??????255???????FF??????)
???????????????
?????http://www.850500.com/news/69422.html
?????,??! |
|
发表于 2019-9-13 23:46:11