织梦企业模板-站长建站的模板站

网站首页

关于我们

网站首页 >> 新闻中心 >> 网页设计怎么在背景图片上加文字 >> 详细内容

新闻中心

网页设计怎么在背景图片上加文字

发表时间：〖2025-07-23 00:28:01〗浏览次数：〖185〗

<ahref=A.html>印象</a><ahref=B.html>留声</a><ahref=C.html>一日跟踪</a><style>body{background-image:url(/logo/60th.jpg);background-repeat:no-repeat;background-position:topcenter;padding-top:48px;}.main01{clear:both;width:900px;margin:10pxauto0pxauto;overflow:hidden;}.main01.left{float:left;width:300px;}</style>这段代码可以设置左宽多少右宽多少，上宽多少，你可以试一试想让背景不重复的话只要在其CSS属性内加上:background-repeat:no-repeat;就可以了至于把背景扩大的话需要用PS扩大你说的应该是鼠标放到图片上然后图片自动放大而不是宽高的放大追问：我希望的是一打开网页，背景不重复的覆盖整个body部分，不是四分之一的body。我是这个意思回你是要规定背景咯追问：在哪里规定，页面属性和CSS里面都找不到。我用的是AdobeDreamweaverCS3回body{background:url(booy.jpg)no-repeatfixedcentertoptransparent;}Dreamweaver只是编辑器又不是代码库追问：fixedcentertoptransparent这几个前面加什么。我是初学者，而且英语不行回fixed固定图片center居中追问：我的意思是前面加什么。就像no-repeat前面加background-repeat：，不是问什么意思。回no-repeat就是不重复图片追问：我知道no-repeat是不重复图片的意思，但是你就这么打在style也没用，前面要加一个background-repeat：，我的意思是fixedcentertoptransparent这几个前面要加什么才会生效回你留下你QQ我稍后加你追问：942754361采纳哦一个网页最重要的一点就是把信息传递给浏览者，而一般传递信息的方式就是文字或者图片，但是如果用文字加图片的方式来传递，这样组合起来的效果将会比单个方式传递将更加的有效。图像胜过文字大多数人认为图像比文字易于理解，这已经不是什么秘密了。通过观看的形式，图像更容易表达情绪，也更容易让用户铭记。用户很可能因为页面中一幅动人的图像而记住你的网站。在网上，你可能看过很多信息图。信息图的绘制规则很简单;;人们更喜欢读图。很多人宁愿从图像中学习知识，世界上三分之一的人喜欢用图像作为学习的工具。背景图确实能够起到营造氛围的作用和信息图的道理很相似，你可能会注意到很多网站的背景都采用质感佳、意境好的大图。这种设计方式连我都挑不出毛病。这种背景图营造出特殊、出众的网站氛围，要注意根据品牌的特点选取恰当的大图。关键所在间断的介绍之后，我们来讨论一下：用户浏览网站，期望得到怎样的第一印象。从评论中我们得知，用户喜欢那种简约理念的网站，所以我们就放上一张效果惊人的背景照片，背景上面再写上几行字，就能满足用户需求。文字解释似乎有点含糊不清，可以看看下面的案例便能明晓。这种设计方法非常行之有效，效果很形象化。我前面已经说过，用户期望先看到一张大图，既舒服，又能了解大致内容，有个心理准备，然后再看文字，详细的了解内容，这样的信息传达更加到位。这种方式下，用户会在你的网站停留更久、会获取更多公司信息、会了解更多你的产品。但是，功能大于形式，如果在某些情况下，继续用文字向用户传达信息，又希望通过大图的方式来吸引用户怎么办?请看案例慵懒而又清新的背景，美好阳光初现的早晨，手握平板，上网冲浪，这张大图很美，但是如何强调性的表现文字内容?答案是做一些模糊处理大背景图片很酷，怎么体现文字的内容?答案是，文字要更酷、更大黑云压城城欲摧，文字凸显主题开，原谅这首拗口的打油诗吧，黑色、单一的背景，先用彩虹伞做一个区域聚焦，然后白色的标题自然而然的形成了强烈对比。这张图太棒了：1.引出并强调了文字2.一种妙趣横生的聚焦手段。当然，文字还是做主角。黑白背景的对比，强调出文字。2.水平上杂乱的纸屑引导用户阅读。永远都那么有力的黑白配图片虽然比文字易懂，但是若只有图片，表达效果很模糊，只有文字，让人不免枯燥。无论图片有多大，我依然认为文字代表的是;主题;，图片起解释作用，大图片背景网页设计中，如何防止喧宾夺主、以小博大，真的是一门学问。用什么步局?文字****这是表格布局文字***这是DIVCSS布局随你喜欢!!!^0^<marquee>滚动文字滚动文字滚动文字滚动文字滚动文字滚动文字滚动文字滚动文字</marquee>你自己搜一下这个属性怎么用，就是滚动字幕的。背景图片不能拉伸，没有这个功能，只能根据你表格的高度设计图片高度额，这个有点难度，首先你要会制图软件的你说的应该是鼠标放到图片上然后图片自动放大而不是宽高的放大追问：我希望的是一打开网页，背景不重复的覆盖整个body部分，不是四分之一的body。我是这个意思回你是要规定背景咯追问：在哪里规定，页面属性和CSS里面都找不到。我用的是AdobeDreamweaverCS3回body{background:url(booy.jpg)no-repeatfixedcentertoptransparent;}Dreamweaver只是编辑器又不是代码库追问：fixedcentertoptransparent这几个前面加什么。我是初学者，而且英语不行回fixed固定图片center居中追问：我的意思是前面加什么。就像no-repeat前面加background-repeat：，不是问什么意思。回no-repeat就是不重复图片追问：我知道no-repeat是不重复图片的意思，但是你就这么打在style也没用，前面要加一个background-repeat：，我的意思是fixedcentertoptransparent这几个前面要加什么才会生效回你留下你QQ我稍后加你追问：942754361采纳哦本回答由提问者推荐