CSS3 ½¥±ä£¨Gradients£©Ö®CSS3 ¾¶Ïò½¥±ä(4)
£¨4£©¡¢²»Í¬³ß´ç´óС¹Ø¼ü×ÖµÄʹÓÃ
XML/HTML Code¸´ÖÆÄÚÈݵ½¼ôÌù°å
<!DOCTYPE html> <html> <head> <style> #grad1 { height: 150px; width: 200px; background: -webkit-repeating-radial-gradient(red, yellow 10%, green 15%); /* Safari 5.1 - 6.0 */ background: -o-repeating-radial-gradient(red, yellow 10%, green 15%); /* Opera 11.6 - 12.0 */ background: -moz-repeating-radial-gradient(red, yellow 10%, green 15%); /* Firefox 3.6 - 15 */ background: repeating-radial-gradient(red, yellow 10%, green 15%); /* ±ê×¼µÄÓï·¨£¨±ØÐë·ÅÔÚ×îºó£© */ } </style> </head> <body> <h3>Öظ´µÄ¾¶Ïò½¥±ä</h3> <div id="grad1"></div> <p><strong>×¢Ò⣺</strong> Internet Explorer 9 ¼°Ö®Ç°µÄ°æ±¾²»Ö§³Ö½¥±ä¡£</p> </body> </html> £¨±à¼£ºASPÕ¾³¤Íø£© |
- ¾ÓÁú£ºÖйú´ó½Ê״γÉ
- »ªÎªºó½ûÁîʱÆÚ£ºº£Ë¼
- ÓÅÐãµÄ»¥ÁªÍø¼Ü¹¹Ä£Ê½
- Ó¢ÌضûµÚÈý´úÖÁÇ¿ÖúÁ¦
- ÐÂÊÖÒ²ÄÜ¿´¶®µÄÏ̳߳Ø
- ÖйúÔØÈ˺½Ìì¹Ù·½LogoÖ£ÖØ·¢²¼½¥±äÀ¶ ÈçÒ»Ö»
- ½¥±äÉ«Èë¶úʽÓùý£¿±¶Ë¼Storm1ÕæÎÞÏß½µÔë¶ú»ú
- ¿ªÔ´ºèÃÉOpenHarmonyÈ«ÐÂÆ·ÅÆLogo·¢²¼ ²ÉÈ¡½¥
- ÔõÑùÀûÓÃCSS3ʵÏÖ²»¹æÔòÎå±ßÐΣ¬·½·¨ÊÇɶ£¿
- CSS3ÔõÑùʵÏÖÐýתЧ¹û£¬ÊÇÔõÑùÐýתµÄ£¿
- ÓÃCSS3ÔõÑùʵÏÖÒ»¸öÇòÌåЧ¹û£¬·½·¨Óë²½ÖèÊÇʲ
- CSSÖÐͼƬ±ß¿ò½¥±äÉ«µÄЧ¹ûÈçºÎ×ö£¿
- CSS3ÖÐmetaÔõÑùÓã¬metaÓ÷¨ÄãÖªµÀ¶àÉÙ£¿