dw图片怎么居中

  • 原创
  • |
  • 浏览： 29346
  • |
  • 更新：
  • |
  • 标签： DREAMWEAVER
分步阅读

当我们制作网站的时候，图片经常会涉及到左对齐、右对齐和居中的问题。那么我们先来看一下，图片如何居中设置吧~

dw图片怎么居中

工具/原料

方法/步骤

  1. 1

    我们打开 Dreamweaver CS6 ，并新建一个HTML，并保存为index.html

    dw图片怎么居中
  2. 2

    点击菜单中的 “插入--图像” 快捷键是Ctrl+Alt+I

    dw图片怎么居中
  3. 3

    然后找到存储图片的位置，选中图片后，点击 确定

    dw图片怎么居中
  4. 4

    在出来的“图像标签辅助功能属性”中，输入替换文本后，点击确定。

    dw图片怎么居中
  5. 5

    则图片插入到页面中去了。我们选中图片，点击菜单上的 “格式--对齐--居中对齐”快捷键是Ctrl+Alt+Shift+C

    dw图片怎么居中
  6. 6

    ctrl+s保存，F12预览效果。

    dw图片怎么居中
    END

方法二：

  1. 1

    我们点击 代码

    dw图片怎么居中
  2. 2

    定义一个css样式，如图所示

    dw图片怎么居中
  3. 3

    然后手动输入插入图片的代码

    dw图片怎么居中
  4. 4

    ctrl+s保存，F12预览效果。则刚刚插入的小兔图片也居中了

    dw图片怎么居中
    END

总结：

相关标签 DREAMWEAVER