1、直接设定文字环绕图片
<div style="width: 400pxborder: 1px solid
#CCCCCC">
<img id="img" src="images/photo_01.gif"
style="float: leftclear: leftwidth: 120pxheight: 120px
padding: 10px" />
某某公司是生产销售新型电子材料、服装、家具的专业厂家，有自营进出口权，年销售额过亿元。<br/>新型电子材料产品已在全国各大电子企业、军工企业以及航天、钟表、珠宝首饰等行业享有较高的知名度。
服装畅销北美、欧洲、大洋洲<br/>我要实现左上
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。
</div>
2、用CSS实现文字环绕图片的效果
以下是引用片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
div {
width:300px
border:1px solid red
}
img {
float:left
width:100px
height:100px
}
</style>
<div>
<img src="images/photo_01.gif"
/>
某某公司是生产销售新型电子材料、服装、家具的专业厂家，有自营进出口权，年销售额过亿元。<br/>新型电子材料产品已在全国各大电子企业、军工企业以及航天、钟表、珠宝首饰等行业享有较高的知名度。
服装畅销北美、欧洲、大洋洲<br/>我要实现左上
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。
</div>
float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。
float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
扩展资料
CSS属性
1、整数和实数
在CSS中只能使用浮点小数，而不能像其他编程语言那样使用科学记数法表示实数，即1.2E3在CSS中将是不合法的。下面是几个正确的例子，整数：128、-313，实数：12.20、1415、-12.03。
2、长度量
相对长度单位有：em——当前字体的高度，也就是font.size属性的值；ex——当前字体中小写字母x的高度；Dx——一个像素的长度，其实际的长度由显示器的设置决定，比如在800木600的设置下，一个像素的长度就等于屏幕的宽度除以800。
3、百分数量（percentages）
百分数量就是数字加上百分号。显然，百分数量总是相对的，所以和相对长度量一样，百分数量不被子级元素继承。
参考资料来源：百度百科-CSS
参考资料来源：百度百科-FLOAT
首先要把文件导入进来
<link
href="你的文件路径"
type="text/css"
rel="stylesheet"/>
在你的连接标签
也就是
<a>
要插入
class属性
如：<a
class='ac'>点击</a>
在你的css文件中定义一个
.ac{
你需要的样式内容
}
需要什么样式就写什么
然后只需要在你的连接去改变他的class
值就行了
