HTML – 如何在CSS上对齐图像？_html-js-css

概述我想在我的主页左侧放置一个图像.我知道如何在html中执行此 *** 作,但我想在CSS类中创建它.我不知道我需要做些什么来解决它.我想要的图片叫做Nobullying.jpg HTML： <html> <head> <link rel="stylesheet" type="text/css" href="body.css"/> </head> <body> <h1>Bully-Fre 我想在我的主页左侧放置一个图像.我知道如何在HTML中执行此 *** 作,但我想在CSS类中创建它.我不知道我需要做些什么来解决它.我想要的图片叫做Nobullying.jpg
HTML：

<HTML>  <head>  <link rel="stylesheet" type="text/CSS" href="body.CSS"/>  </head>  <body>  <h1>Bully-Free Zone</h1>  <h2>"Online harassment has an off-line impact"</h2>  <!--Menu-->I  <div ID="nav">  <a href="mainpage.htm" >HOME</a>  <a href="page1.htm" >ASSISTANCE</a>  <a href="page2.htm" >CYBER-BulLYING SIGNS</a>   <a href="page3.htm" >REPORT</a>  </div>  <div ID="picture"></div>  <!--copyright-->  <div ID="center">  <td> copyright © 2012 Bully-FreeZone.com</td>  </div>  </body>  </HTML>

CSS课程：

#picture{background-image:Nobullying.jpg;   wIDth:40px; height:40px;   }

这是我想要的图片. (红盒子)
http://imgur.com/Ef2Au

解决方法

#picture {  background-image:url('no-bullying.jpg'); height:100px; wIDth:50px; position: absolute; bottom:10px; left:10px;}

总结

以上是内存溢出为你收集整理的HTML – 如何在CSS上对齐图像？全部内容，希望文章能够帮你解决HTML – 如何在CSS上对齐图像？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1048130.html

HTML – 如何在CSS上对齐图像？

发表评论

评论列表（0条）