文字部分 由于这个功能都要使用到浮动float，就需要对左右两边的模块都要定义款度，不然的话，默认的都是100%，是填充整个外部容器，是无论如何都不能左右显示了。
创新互联专注于甘泉网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供甘泉营销型网站建设，甘泉网站制作、甘泉网页设计、甘泉网站官网定制、成都微信小程序服务，打造甘泉网络公司原创品牌,更为您提供甘泉网站排名全网营销落地服务。
你好，将图片和文字分别放在两个diy中给两个div分别设置样式float：left 希望能够帮到您，感谢您的采纳。
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {； ； ...} 选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。
css中：一般可以使用 margin 或者 padding 设置标签之间间距。
准备一张图片，新建一个空白html文件 其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 给html添加head标签，在标签中定义样式。
不考虑IE7的话，最简单的方法就是用 display：table 属性来模拟表格布局，显示为 table 的 元素可以使用 vertical-align：middle 来将其中的文字垂直居中，这里可以很方便的将显示内容均分为4个列。
网页使用CSS样式的方法有多重，下面简单介绍一下：将样式直接写在标签之内，例如：蚂蚁部落 此中方式的优点是使用灵活，但是缺点也很明显，比如不能够统一管理样式，容易造成页面体积庞大等等问题。
当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。
第一种：行内式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开，就实现插入CSS样式。如上图所示。第二种：嵌入式样式插入CSS样式 在html文件中输入如上图所示的内容。
CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。
但是对于一个包含很多页面的网站，如果每个页面都以内嵌方式设置各自的样式，就失去了CSS带来的巨大优点，因此一个网站通常都是编写一个独立的CSS样式表文件，使用以下两种方式中的一种，引入HTML文档中。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{background-image： url(image.jpg)}。
准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入img src=./test.jpg alt=测试 /，然后保存。
可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。
在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。
插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。
插入图片可以使用img标签来实现。新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。
1、这是当图片要效果 p 限制的大小时， 如果要图片 (img) 大过 p 的话，建议不要把 img 放在 p 里面。
2、首先在test.html文件内，在p标签，使用img标签创建一个图片，并设置图片的id为myimg，主要用于下面通过该id获得img对象，在test.html文件内，设置img标签的css样式，将display设置为none，从而实现图片隐藏不显示。
3、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。
如何为通过css为图片设置一个边框呢，HTML中是通过img标记的border属性值，给图片添加边框的，css中是通过border属性，为图片设置各式各样的边框样式，border-style定义边框的样式，如虚线、实线或点划线等等。
如何使用CSS给图片添加双边框效果： 给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。
解决办法你可以单独写一个calss来定义样式。.img_boder{ border：1px solid #fc6；} .img_boder a：hover{ border：1px solid #f00；} 你再试试。看一下伪类和伪类选择符号你能更好的明白这个原理。
