如何用CSS为图片添加精美圆角外边框

 时间:2024-10-21 09:43:27

1、 首先根据实现图片的大小制作一个圆角边框。打开PS,新建一空白文档,文档的大小根据需要情况来定,在此小编将其设置为400*400,设置完成后点击”好“按钮。

如何用CSS为图片添加精美圆角外边框

3、在该图层的空白区域右击,选择”栅格化图层“,将该图层转换成普通图层。

如何用CSS为图片添加精美圆角外边框

5、双击该形状1”图层,在打开的“图层样式”对话框中勾选 “斜面和浮雕”效果,并设置合适的参数后,点击“确定”完成设置。

如何用CSS为图片添加精美圆角外边框如何用CSS为图片添加精美圆角外边框

7、 打开Dreamweaver8,点击“文件”菜单,在打开的”新建文档“窗口中选择”基本页“→”HTML“,点击”创建“以新建一个网页文件。

如何用CSS为图片添加精美圆角外边框

8、点击”文件“→”另存为“,将该文件另存为”index.html"。

如何用CSS为图片添加精美圆角外边框

9、 然后在该文档的代码区输入如图所示的代码:

如何用CSS为图片添加精美圆角外边框如何用CSS为图片添加精美圆角外边框
  • 用flash做一个铅笔人分离又组合的动画效果
  • 如何在FLASH中快速绘制花朵
  • flash案例:制作一个闪动变色的装饰边框
  • Flash cs6动画制作扫盲教程:[7]图片补间形状
  • HTML div嵌套 margin不起作用
  • 热门搜索
    哥斯达黎加旅游 肯尼亚旅游攻略 广西 旅游 春秋旅游社 9月份适合去哪里旅游 武汉到海南旅游 长海县旅游 辽宁省旅游景点 阆中古城旅游攻略 丽江旅游多少钱