1.在【DW】中输入代码,添加边框,设置边框的宽度和高度。
2.【Ctrl+A】、【Ctrl+C】复制,在淘宝店铺的【自定义内容区】,点击【编辑】,【Ctrl+V】复制代码,【F12】预览。
3.输入代码,给边框中添加图片,作为控制产品图片的区域,对图片进行定位,设置尺寸。
4.【Ctrl+A】、【Ctrl+C】复制,在淘宝店铺的【自定义内容区】,点击【编辑】,【Ctrl+V】复制代码,【F12】预览。效果如下。
5.同样的,在此添加缩览图的图片,对其进行定位。
6.【Ctrl+N】新建【500*500】的画布,填充白色;添加【描边】效果,金色描边,【大小】5px;【Ctrl+S】保存图片,将其上传到图片空间,复制图片链接,【Ctrl+V】粘贴链接到代码中。
7.【Ctrl+A】、【Ctrl+C】复制,在淘宝店铺的【自定义内容区】,点击【编辑】,【Ctrl+V】复制代码,【F12】预览,得到鼠标经过图片时出现边框的效果。