css3ÈëÃÅ

CSS3±ß¿ò±³¾°-±ß¿ò±³¾°(-border-image)

×ÖºÅ+ ×÷Õߣº À´Ô´£º 2014-11-16 21:49 ÎÒÒªÆÀÂÛ( )

ÁíÒ»¸öÁîÈËÐ˷ܵÄÐÂÌØÕ÷ÊDZ߿òͼƬ¡£ÓÐÁËÕâÏÄÜÄú¿ÉÒÔ¶¨ÒåÒ»¸öͼÏñ±»ÓÃÀ´´úÌæÕý³£µÄ±ß¿òµÄÒ»¸ö×é³É²¿·Ö¡£ÕâÏÄÜʵ¼ÊÉÏÊÇ·Ö³ÉÁ˼¸¸öÊôÐÔ£º±ß¿òºÍ±ß¿ò½ÇµÄÐÎÏó¡£ÕâÁ½¸öÖµÊÇ

 ÁíÒ»¸öÁîÈËÐ˷ܵÄÐÂÌØÕ÷ÊDZ߿òͼƬ¡£ÓÐÁËÕâÏÄÜÄú¿ÉÒÔ¶¨ÒåÒ»¸öͼÏñ±»ÓÃÀ´´úÌæÕý³£µÄ±ß¿òµÄÒ»¸ö×é³É²¿·Ö¡£ÕâÏÄÜʵ¼ÊÉÏÊÇ·Ö³ÉÁ˼¸¸öÊôÐÔ£º±ß¿òºÍ±ß¿ò½ÇµÄÐÎÏó¡£ÕâÁ½¸öÖµÊÇ£º

 

  • border-image:
    • border-top-image
    • border-right-image
    • border-bottom-image
    • border-left-image
  • border-corner-image:
    • border-top-left-image
    • border-top-right-image
    • border-bottom-left-image
    • border-bottom-right-image
  • ´úÂë:
  • border-image: url(border.png) 27 27 27 27 round round;
  • Ч¹ûͼ:
  •  
    »ò:
    border-image: url(border.png) 27 27 27 27 stretch stretch;
     

 

 

(ÔðÈα༭£ºadmin)

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • CSS3ϵÁн̳Ì:±ß¿ò°ë¾¶ºÍÔ²½Ç

    CSS3ϵÁн̳Ì:±ß¿ò°ë¾¶ºÍÔ²½Ç

    2015-06-14 09:13

  • CSS3ϵÁн̳Ì:±ß¿òÑÕÉ«

    CSS3ϵÁн̳Ì:±ß¿òÑÕÉ«

    2015-06-14 09:13

  • CSS3ϵÁн̳Ì:±³¾°Í¼Æ¬(±³¾°´óСºÍ¶à±³¾°Í¼)

    CSS3ϵÁн̳Ì:±³¾°Í¼Æ¬(±³¾°´óСºÍ¶à±³¾°Í¼)

    2015-06-14 09:12

  • CSS3¶¯»­Ö®¶þ£ºAnimations¹¦ÄÜ

    CSS3¶¯»­Ö®¶þ£ºAnimations¹¦ÄÜ

    2014-11-16 21:49

ÍøÓѵãÆÀ
¼