每次要写html的时候,总把之前很基础的东西忘了,搞得几乎每次都要现场去网上翻资料熟悉回一些基本操作。。。
今天写这篇文章就是想一劳永逸的解决问题,也希望顺便给阅读的网友提供一些帮助。
先看成品:
其实组成要素很简单,一段文字,一张图片。
先上代码,代码非常简单。思路:一个盒子(div)里面装了p标签和图片,通过相对于父级元素的绝对定位来使得图片与文字重叠并设置z-index来调整层次关系。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>作业</title>
<style type="text/css">
*{
margin:0;padding:0;} /*“*”代表全部元素的意思,这里的作用的去除网页默认的内外边距*/
.bigbox{
border-style: