代码海报设计-求一段圆形小海报效果的代码，HTML的。

<div style="height:550px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a href="图片链接" target="_blank" style="width:1920px;height:550px;display:block;">

<img src="图片地址" border="0" alt="全屏海报" /></a>

</div>

</div>

</div>

圆形:给图片加上border-radius: 50%; 这个属性,圆角,图片就会变成圆的,前提是图片正方形

图片变淡色:img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8;}添加鼠标经过效果

鼠标小手,给图片外加个超链接 <a href="链接地址"><img src="图片地址"/></a>

1.首先,你需要根据你售卖的商品,在晚上寻找一张合适的图片,如图,在百度上搜索“淘宝1920海报”,选择宽度为1920px的图片并保持至桌面

2.然后利用,

美图秀秀

对图片进行处理,添加想要的文字,消除多余的图片,添加新图片(这里就不详细解说了),然后将图片上传至淘宝的图片空间备用

3.点击“添加模块”按钮,添加一个自定义模块区

4.在点击自定义模块区的“编辑”按钮,进入编辑对话框,点击如下图所示的按钮

5.在弹出的对话框中,找到你刚刚上传的图片,并点击“插入”按钮

6.插入后,点击如下图所示按钮,并在对话框中输入全盘海报的代码,代码如下:

<div style="height:550px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a target="_blank"> <img src="

!!" width="1920px" height="500px" border="0" /> </a>

</div>

</div>

</div>

注:由于版式的原因,此处代码空格被消除了,如需完整代码,请自行百度搜索

7.注意,加粗字体处1为你刚刚上传图片的地址,在点击一张图片后,点击如下图按钮即可复制图片地址,加粗字体处2为你需要调节的该图片的高度,具体数字根据实际情况调节

注意事项

代码出加粗的地方,在使用时需要还原字体,

搜索的图片宽度一定要为1920px 否则在后期显示时会出现很多问题