JSPÒ³ÃæÖÐÎÞ·¨ÏÔʾCSSÖеı³¾°Í¼Æ¬
jspÒ³Ãæµ÷Óà <link type="text/css" rel="stylesheet" href="css/style.css"/>Ñùʽ±í
ÆäËûÑùʽ¶¼¿ÉÒÔÔÙÒ³ÃæÕý³£ÏÔʾ
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} ÏñÕâÑùµÄ±³¾°Í¼Æ¬Ñùʽ¾ÍÏÔʾ²»³öͼƬÊÇʲôÎÊÌ⣡ Myeclipse 6.5
ÔÚhtmlÖж¼¿ÉÒÔÏÔʾ ÔÚjspÖÐÏÔʾ²»³öÀ´£¡²»¹ý°ÑÑùʽдÔÚjspÒ³Ãæ ²¿·Ö ¾Í¿ÉÒÔÏÔʾ³öÀ´
<style type="text/css">
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} </style>
µ÷ÓÃÑùʽ±í¾ÍÏÔʾ²»³ö£¡
images/qingchu.JPG ¸Ä³ÉÕâÑù ·¾¶Ò²¸ÄÁË url(../images/qingchu.JPG); Ò»ÑùÏÔʾ²»³öÀ´
====½â¾ö========================================================================
·ÅÔÚcss/style.cssÕâÀïÃæÊ±£¬ÒòΪÔÚcssĿ¼Ï£¬
·ÅJSPÒ³ÃæÊ±³öÀ´images/qingchu.jpgÖ¤Ã÷imagesºÍcssºÍjspÒ³ÃæÔÚͬһĿ¼
ÄãµÄ½á¹¹ÊÇÕâÑùµÄ
css/style.css
images/qingchu.jpg
*.jsp
ËùÒÔÄãÖ±½ÓдÔÚjspÒ³ÃæÉÏʱ»áÏÔʾ³öÀ´£¬µ«Äã·ÅÔÚcss/style.cssÖÐʱ£¬Í¼Æ¬Â·¾¶ÒªÏà¶ÔÓÚcssÎļþ
¼´Òª¸Ä³É../images/qingchu.jpg
¶øÇÒÎļþÃûµÄ´óСдһÑùÒªÌØ±ð×¢Ò⣬JAVAÊÇ´óÐ¡Ð´Çø·ÖµÄ£¬ËùÒÔa.jpgºÍA.jpgÔÚjavaÀïÊDZ»ÊÓΪ²»Ò»ÑùµÄ
Ïà¹ØÎĵµ£º
CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒÆ¶¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......
2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ֧³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......
Õâ¸öÊǼÓͼƬˮӡµÄ!
package com.pic;
import java.awt.*;
import java.awt.event.*;
import java.io.*;
import java.awt.image.*;
import org.w3c.dom.*;
import com.sun.image.codec.jpeg.*;
import javax.imageio.*;
public class ImgBean_i{
public void ImgBean_i(){
}
public void ImgYin(S ......
Ò»¡¢Expression Language
EL±í´ïʽÓÃÓÚ»ñÈ¡²¢ÏÔÊ¾Ò³ÃæÊý¾Ý£¬²¢Ìæ»»JSPÒ³ÃæÖеĽű¾±í´ïʽ¡£ËüÊÇJSP 2.0¹æ·¶ÖеÄÒ»Ãż¼Êõ ¡£Òò´Ë£¬ÈôÏëÕýÈ·½âÎöEL±í´ïʽ£¬ÐèʹÓÃÖ§³ÖServlet2.4/JSP2.0¼¼ÊõµÄWEB·þÎñÆ÷¡£
1¡¢ EL±í´ïʽÒþʽ¶ÔÏó
Òþº¬¶ÔÏóÃû³Æ
Ãè Êö
pageContext
¶ÔÓ¦ÓÚJSPÒ ......
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......