css背景上能添加文字,如何利用div+css来给背景图片上文字布局

这段时间设计了一个专题页面，上传到网站上去，打开这个网页一看，问题来了，这网页只是一个图片，没有文字，在后台添加的时候才知道只能在图片的下面显示文字。

我想到了可以将图片设为背景，然后在上面添加问题，但是却不能定位。我立马想到可以用表格或者DIV+CSS来实现布局，但是当我想利用table来布局的时候，突然觉得如果在这个div+css横行的年代还用表格是不是太土了，于是果断放弃。但像俺这种学东西快忘东西也快的屌丝，早就把曾经学会的东西完完整整的还给自认为东大最拽的那位计算机老师了~~

没办法俺只能白手起家，研究了一晚上终于有点眉目了，最终还是利用div+css完成这个貌似很简单的任务。

寻小山博客是一个分享个人兴趣
学习计算技术，分享php、css等相关学习经验
关注互联网相关热点最新资讯
有时候也写写个人随便的原创博客

事实上，如果对代码不是很熟悉的童鞋可以利用Dreamweaver这款有可视性设计软件来操作还是比较简单的说，反正我刚开始接触代码的时候就是用这个东东~~利用Dreamweaver的具体操作步骤如下：

首先利用Dreamweaver打开这个页面，然后在在属性里可以添加背景图片，接着在页面中插入一个div标签，我们可以点击工具栏的“插入DIV标签”按钮，在打开的对话框中ID项给这个div命一下名，我们给它起个名叫seekhill(名称根据自己需要命名，这里与上面采用一样的)。

最后插入div后，在右侧的css样式面板中，定义id为.seekhill-content的样式，确定后在打开的css编辑对话框的方框选项中设计宽度、高度，然后添加所要的东东。

css背景上能添加文字,如何利用div+css来给背景图片上文字布局相关推荐

html直线箭头,HTML中利用div+CSS实现简单的箭头图标的代码
在网页设计中,我们经常得会用到一些箭头做为装饰来点缀我们的网页,虽然现在很多的网站的设计者们都喜欢以引用字体图标的形式来实现箭头的效果,但那样也会给网页的加载造成一些影响.今天飞鸟慕鱼小编就给大家说一 ...
html 中箭头的代码,HTML中利用div+CSS实现简单的箭头图标的代码
/*箭头向上*/ .to_top { width: 0; height: 0; border-bottom: 10px solid #ccc; border-left: 10px solid tran ...
利用QSS自由控制QPushButton中图片和文字的位置
目录一.控制QPushButton中图片位置二.QPushButton中文字位置三.同时控制QPushButton的图片和文字位置在用QPushButton的qss的时候,发现其实可以手动控制 ...
html语言制作留言条,利用DIV+CSS制作右下角弹出留言板
/p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 利用DIV+CSS制作右下角弹出留言板 a ...
如何在html中加入柱状图,利用DIV+CSS做的柱状图（3）
利用DIV+CSS做的柱状图(3) .chart { font-family: Tahoma; font-size: 12px; border: 1px solid #ccc; float: left ...
HTML+CSS初学者练习项目4：利用DIV+CSS制作《互联世纪网》
适合初学者练习的HTML项目:利用DIV+CSS制作制作一个<互联世纪网>网页. 需要掌握内容: HTML+CSS第八课:使用CSS布局网页--网页中块级元素与行内元素.盒子模型的理解 H ...
html实现照片添加功能,HTML5 Canvas调用手机拍照功能实现图片上传功能（图文详解上篇）...
这篇文章主要为大家详细介绍了HTML5 Canvas,和jquery技术,调用手机拍照功能实现图片上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下因为最近一段时间,一直在弄微信项目,其中涉及到 ...
python写文字方法_初学Python-简单的在图片上加文字
场景在用户运营中,拉新是第一步.我们产品打算先再小范围试验一下效果,不动用开发哥哥,自己制作邀请海报. 没错,就是最简单的,邀请领奖励活动. UI妹妹把海报模版做出来,邀请码根据用户ID自行填上. ...
HTML文字左侧留白,DIV CSS padding内补白(内边距)left right top bottom
DIV CSS padding内补白(内边距)left right top bottom语法应用案例教程 Padding是比较常用CSS样式,可以利用padding内边距设置上.下.左.右对象内容与四 ...

css背景上能添加文字,如何利用div+css来给背景图片上文字布局

css背景上能添加文字,如何利用div+css来给背景图片上文字布局相关推荐

最新文章

热门文章