网页设计怎么让字围着图片_网页设计中如何让把文字放在图片上显示

1、Dreamweaver8网页制作时如何让图片围绕文字

<img src="images/news.jpg" style="float: left"> 就是说加个样式float:left

2、网页制作中怎么让文字或图片渐渐显现出来

<html>
<head>
<title>需要的文字</title>
<style>
.40pt{position: absolute; top:20; left:300; width:300; height:300; font-size:40pt;
text-align:left; filter: revealTrans(Transition=12, Duration=2)}
.30pt{font-size:50pt;color:red;}
</style>
<script>
function HelpArray(len) {
this.length=len
}
HelpText = new HelpArray(7)
HelpText[0] = ""
HelpText[1] = ""
HelpText[2] = ""
HelpText[3] = ""
HelpText[4] = ""
HelpText[5] = ""
HelpText[6] = ""（自己扩展“”内填上需要的文字，理论上无限扩展）
var i = -1
function playHelp()
{
if (i == 6) {i = 0} //循环显示
else
{
i++
}
div1.filters[0].apply()
div1.innerText = HelpText[i]
div1.filters[0].play()
mytimeout = setTimeout("playHelp()",3000)
}
</script>
</head>
<body onload = playHelp()>
<DIV id=div1 class=40pt
onload=playHelp()>
</DIV>
<div style="position:absolute;top:330">
<p align=center><font class=30pt>换页的效果,不再那么呆板</font></p>
</body>
</html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页
这是我很久之前用的，现在不知道行不行，你先试试吧

3、网页设计时如何将图片和文字位于同一水平

第一种：不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。
第二种：img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。
第三种：给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。如：img{float:left;} span{ float:left; line-height:40px;} (若图片的高度为40px)

4、网页设计时如何将图片和文字位于同一水平？

网页设计时将图片和文字位于同一水平方法：

一、不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。

二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。

三、给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。

5、网页设计中如何让把文字放在图片上显示

方法有很多
给你介绍一个最简单的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div设置背景图片
</div>
其次还可以通过div的定位来做
还有就是通过水印来做
总之更具不同的需求用不同的方法
灵活多变

6、网页设计中如何将文字和图片一起排版

我做网页5年了，到现在也没找到最好的办法。
变通的方式：
画表格，border=0，适当拆分单元格，图片和文字分别放入不同的单元格里，按照需要的方式左或右对齐。
祝你好运。

7、网页制作问题，怎么让字对齐上面图片

图片上加属性

<img style="float:left;" src="" />

同时它的父元素要清楚浮动

8、网页设计如何让文字与图片紧挨

插入一个一行两列的表格，边框粗细选为0，单元格边距选为0，单元格间距选为0，在第一个单元格中插入图片，水平位置选择“右对齐”在第二个单元格中插入文字，水平位置选择左对齐。这样就行啦

9、网页设计中如何让把文字放在图片上显示

把图片设为背景即可，以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>

导航:首页 > 万维百科 > 网页设计怎么让字围着图片

网页设计怎么让字围着图片

与网页设计怎么让字围着图片相关的知识