如何用CSS控制图片在P标签中居中对齐?
- 原创
- |
- 浏览:3980
- |
- 更新:
- |
- 标签:CSS
方法/步骤
新建一个html文件,命名为test.html,用于讲解如何用CSS控制图片在P标签中居中对齐。
- 本页面未经许可获取自百度经验
在test.html文件内,使用p标签创建一个模块,在p标签内,通过img标签创建一张图片。
在test.html文件内,设置p标签的id为mytest,用于下面设置p标签的css样式。
在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
在css标签内,通过id设置p标签的样式,定义其宽度为350px,高度为200px,背景颜色为灰色,同时将其text-align属性设置为center,即p标签内的内容居中显示。
在浏览器打开test.html文件,查看实现的效果。
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部