Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSS¹ýÂËÆ÷

1.alphaÊôÐÔ:
  alphaÊôÐÔÓÃÀ´ÉèÖÃ͸Ã÷¶È¡£
  Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
  opacity±íʾ͸Ã÷¶ÈµÈ¼¶£¨0~100£©
  finishopacityÓÃÀ´ÉèÖýáÊøÃ÷µÄ͸Ã÷¶È
  startXºÍstartY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
  finishXºÍfinishY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
2.blurÊôÐÔ
  blurÊôÐÔÓÃÀ´ÉèÖÃÄ£ºýЧ¹û¡£
  filter: blur(add=true¡¢flase,direction,strength=strength)
  addÖ¸¶¨Í¼Æ¬ÊÇ·ñ±ä³ÉÄ£ºýЧ¹û
  direction²ÎÊýÓÃÀ´ÉèÖÃÄ£ºýµÄ·½Ïò£¨0¡¢45¡¢90¡¢135¡¢180¡¢225¡¢270¡¢315£©
  strength´ú±íÓжàÉÙÏñËØµÄ¿í¶È½«Êܵ½Ä£ºýÓ°Ï죨ĬÈÏÊÇ5£©
3.chromaÊôÐÔ
  chromaÊôÐÔÉèÖÃÒ»¸ö¶ÔÏóÖÐÖ¸¶¨µÄÑÕɫΪ͸Ã÷É«¡£
  filter: chroma(color=color)
4.dropshadowÊôÐÔ
  dropshadowÊôÐÔÓÃÀ´Ìí¼Ó¶ÔÏóµÄÒõӰЧ¹û¡£
  filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive)
  Color±íʾͶÉäÒõÓ°µÄÑÕÉ«
  Offx¡¢Offy·Ö±ð±íʾÔÚX·½ÏòºÍY·½ÏòÒõÓ°µÄÆ«ÒÆÁ¿£¨ÕûÊý±íʾ£¬ÕýÊýXÖáµÄÓÒ·½ÏòºÍYÖáµÄÏòÉÏ·½Ïò£©
  Positive£ºtrue±íʾΪÈκηÇ͸Ã÷ÏñËØ½¨Á¢¿É¼ûµÄͶӰ£¬false±íʾΪ͸Ã÷µÄÏñËØ²¿·Ö½¨Á¢¿É¼ûµÄͶӰ
5.flipH¡¢flipVÊôÐÔ
  flipH±íʾˮƽ·­×ª£¬flipV±íʾ´¹Ö±·­×ª¡£
  filter: flipH
  filter: flipV
6.glowÊôÐÔ
  glowÊôÐÔÈöÔÏóµÄ±ßÔµ²úÉúÀàËÆ·¢¹âµÄЧ¹û¡£
  filter: glow(Color=color,Strength=strength)
  ColorÓÃÀ´Ö¸¶¨·¢¹âµÄÑÕÉ«
  StrengthÓÃÀ´Ö¸¶¨·¢¹âµÄÇ¿¶È£¨1~225£©
7.grayÊôÐÔ
  grayÊôÐÔ°ÑÒ»ÕÅͼ±ä³É»Ò¶Èͼ¡£
  filter: gray
8.invertÊôÐÔ
  invertÊôÐÔ¿ÉÒ԰ѶÔÏóµÄ¿ÉÊÓ»¯ÊôÐÔÈ«²¿·­×ª£¬°üÀ¨É«²Ê¡¢±¥ºÍ¶ÈºÍÁÁ¶È¡£
  filter: invert
9.maskÊôÐÔ
  maskÊôÐÔΪ¶ÔÏó½¨Á¢Ò»¸ö¸²¸ÇÓÚ±íÃæµÄÃɰæÐ§¹û¡£
  filter: mask(Color=ÑÕÉ«£©
10.shadowÊôÐÔ
  shadowÊôÐÔ¿ÉÒÔÔÚÖ¸¶¨µÄ·½Ïò½¨Á¢ÎïÌåµÄͶӰ¡£
  filter: shadow(Color=color,Direction=direction)
  Color²ÎÊýÖ¸¶¨Í¶Ó°µÄÑÕÉ«
  Direction²ÎÊýÖ¸¶¨Í¶Ó°µÄ·½Ïò
11.waveÊôÐÔ
  waveÊôÐÔÓÃÀ´ÉèÖò¨ÎÆÐ§¹û¡£
  filter: wave(Add=True¡¢False,Freq=ƵÂÊ£¬


Ïà¹ØÎĵµ£º

ʹÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾµÄ¼¼ÇÉ

ת×Ô£ºhttp://www.linji.cn/post/1595/
ÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇ闗ͬÑùµÄºÏ·¨CSS¾ÓÖÐÉèÖÃÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖеıíÏÖÐÐΪȴ¸÷ÓÐǧÇï¡£ÔÚÕâÀÎÒ½éÉÜÒ»ÖֺܺõľÓÖд¦Àí°ì·¨£¬µ«Õâ֮ǰ£¬ÈÃÎÒÃÇÏÈÀ´¿´¿´×î³£¼ûµÄʹÓÃCSS¾ÓÖÐÔªËØµÄ·½·¨¡£
ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
CSS
ÖÐÊ×Ñ¡µÄÈÃÔªËØË®Æ½¾ÓÖеķ ......

¡¾CssµÄһЩС¼¼ÇÉ1¡¿ÓÒ¶ÔÆëµÄÈÕÆÚ¡£


Èçͼ£¬×öÍøÕ¾Ê±¾­³£Óöµ½µÄÇé¿ö£¬½«ÏîÄ¿ÃûºÍ·¢²¼Ê±¼ä×óÓÒ·Ö¿ª¡£
·½·¨1£º
˼·ÊÇÖ±½Ó½«Ê±¼ä·Åµ½Ò»¸öÐÐÄÚÔªËØÀȻºó½«Õâ¸öÔªËØÓÒ¸¡¶¯¡£
   È磺<li><span>(2009-01-01)</span>[ýÌå²¥·Å] KMPlayer
2.9.3.1428 ÖÐÎÄÕýʽ°æ </li>
Ö»Òª½« li span{float:right£»}£¬È»ºó li{width:200 ......

CSS ÎÄ×ÖÓëÊäÈë¿ò¶ÔÆë

ÔÚ½øÐÐdiv+cssÍøÒ³²¼¾ÖµÄʱºò£¬²»¿É±ÜÃâµÄÐèÒª²åÈëÒ»¶¨µÄ±íµ¥ÔªËØ£¬inputÊÇÆäÖÐ×î³£¼ûµÄÒ»ÖÖ¡£ÎÒÃÇÔÚ²¼¾ÖÖУ¬³£»áÓöµ½Îı¾ÊäÈë¿òÓëͬ´¦Ò»ÐеÄÎı¾²»¶ÔÆëµÄÎÊÌâ¡£Õâ¸öÎÊÌâÉèÖÃinputµÄvertical-align:middleÊôÐÔÀ´½â¾ö¡£
ÎÒÃÇÀ´¿´ÏÂÃæµÄÀý×Ó£¬ÈçºÎ½â¾öÎı¾ÊäÈë¿òÓëÎı¾¶ÔÆëµÄÎÊÌ⣡
<!DOCTYPE html PUBLIC "-//W3C//DTD ......

¶ÔDIV+CSSµÄÒ»µãÐĵÃÌå»á£¬ÈÃÄ㾡¿ìѧ»á²¼¾ÖÉèÖÃ

Çë¿´ÏÂÃæÒ»¶Î´úÂ룺
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//¶¨ÒåÁËÒ»¸öID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//¶¨ÒåÁËÒ»¸öÀà
</style>
<TITLE>Öйú</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ