如果3个div上下排列,第三个div加上float:right的话,第三个div只是浮动到页面右面,不到到任何div下面。你浮动的是div,自然里面的文字不会浮动了。想要控制div里文字的话可以用属性text-align,具体步骤如下:
1、background-color:rgba(0,0,0,0.1)然后创建一个html文件。
2、从html文件找到<body>标签,然后在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba
3、在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。其中R,G,B,分别代表了红,绿,蓝三种颜色。
4、保存后使用浏览器查看。
5、把所有代码复制到新建的html文件上,然后用浏览器打开窗口看到效果。
用CSS +DIV将第二张特定图片覆盖第一张图片的部分区域方法:
用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || background-position。 示例代码如下:
复制代码代码如下:
background:transparent url(123.jpg) no-repeat scroll -140px -20px
解释:
transparent表示透明无颜色
url(123.jpg) 表示背景图片
no-repeat 表示图片不重复
scroll 表示背景图片随浏览器下拉而滚动
-140px 表示水平位置在图片的-140px处(以图片的左上角为0,0)
-20px 表示垂直位置在图片的-20px处(以图片的左上角为0,0)