1、把 shadow.gif , shadow2.gif , shadow2.png 這三張圖上傳到伺服器,如root_path/img/

2、將下列語法貼到styles-site.css裡

.alpha-shadow {
CLEAR: both; BACKGROUND: url(root_paht/img/shadow.gif) no-repeat right bottom;
FLOAT: left; MARGIN: 14px 0px 0px 8px
}
.alpha-shadow DIV {
PADDING-RIGHT: 6px; PADDING-LEFT: 0px;
BACKGROUND: url(root_path/img/shadow2.gif) no-repeat left top;
FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='root_path/img/shadow2.png',sizingMethod='crop')
}
.alpha-shadow IMG {
BORDER-RIGHT: #a9a9a9 1px solid;
PADDING-RIGHT: 4px;
BORDER-TOP: #a9a9a9 1px solid;
PADDING-LEFT: 4px;
PADDING-BOTTOM: 4px;
MARGIN: 0px;
BORDER-LEFT: #a9a9a9 1px solid;
PADDING-TOP: 4px;
BORDER-BOTTOM: #a9a9a9 1px solid;
BACKGROUND-COLOR: #fff
}

記得將圖片路徑改成你自己的圖片路徑

3、在你想要加入圖片的html裡加上:

<DIV class=alpha-shadow>
<DIV><IMG src="你的圖片"></DIV></DIV>
<BR style="CLEAR: both">

完工

相关文章:

  • 2021-08-07
  • 2022-01-17
  • 2021-04-29
  • 2022-02-14
  • 2021-09-25
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-03-02
  • 2021-10-16
  • 2021-12-24
  • 2021-09-17
  • 2022-01-05
  • 2021-04-27
相关资源
相似解决方案