如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML网页内容图片的显示
来源：互联网
2023-03-16 19:12:26 349
我们制作网页时经常会用到图片来进行美化或者显示产品，图片分为内容图片，用户交互图片，背景图片等等。今天分享内容图片的使用方法。
工具/原料
- 电脑
- html文件
方法/步骤
为了统一管理我们网页上用到的图片，也方便使用时调取和修改时的增加和删除，我们最好在网页工程文件夹下创建一个新的文件夹来放置我们需要的图片，如图所示，创建一个image文件夹。
选中我们需要用到的图片，点击复制，然后再选中我们刚才创建的这个image文件夹，点击粘贴或者直接使用快捷键Ctrl加V进行图片粘贴，这样我们的image文件夹下就显示了我们刚才放进去的图片。
在我们需要显示图片的位置添加一个img标签，同样的我们可以直接输入img然后按键盘上的Tab键，系统自动补齐相关的内容，我们需要输入图片所在位置以及名称，还有图片简单的文字介绍。在css中设置图片显示格式。
预览我们的网页，我们在css中设置了图片显示位置为居中，所以图片在网页中显示居中效果，我们如果不进行css样式设置，默认图片显示在网页左上角。
同样的方法，我们也可以在网页正文中设置图片显示，我们创建一个ul标签，在ul标签中的li标签中设置显示图片，设置方法如图所示。
再次点击预览我们的网页，我们发现我们进行设置的图片已经全部显示在网页中，同样的方法，我们也可以设置li中的图片居中显示，或者以列表形式显示。设置背景色，边框等等属性。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)