HTML-css 简单网页小制作(图片、文字)---Day2
2017-04-23 21:56
736 查看
效果图
Day2.css文档内容
#d1
{
background-image:url(xiaochi.jpg);
background-repeat:no-repeat;
}
#d2
{
position:absolute;
top:5px;
left:155px;
font-size:15px;
}
#d3
{
position:absolute;
left:75px;
font-size:18px;
}
HTML文档内容
<html>
<head>
<title>古诗编辑-bmh</title>
<link href="Day2.css" type="text/css"
rel="stylesheet"/>
</head>
<body id = "d1">
<pre id="d2">
<div id="d3"><b>小 池</b></div>
杨万里
泉眼无声惜细流,
树阴照水爱晴柔。
小荷才露尖尖角,
早有蜻蜓立上头。
</pre>
</body>
</html>
效果图
Day2.css文档内容
#d1
{
background-image:url(xiaochi.jpg);
background-repeat:no-repeat;
}
#d2
{
position:absolute;
top:5px;
left:155px;
font-size:15px;
}
#d3
{
position:absolute;
left:75px;
font-size:18px;
}
HTML文档内容
<html>
<head>
<title>古诗编辑-bmh</title>
<link href="Day2.css" type="text/css"
rel="stylesheet"/>
</head>
<body id = "d1">
<pre id="d2">
<div id="d3"><b>小 池</b></div>
杨万里
泉眼无声惜细流,
树阴照水爱晴柔。
小荷才露尖尖角,
早有蜻蜓立上头。
</pre>
</body>
</html>
相关文章推荐
- 大学生简单网页div+css网页纯手写代码制作html静态页面切图排版
- 制作一张简单的网页(HTML+CSS+JS) 【2】
- HTML-利用CSS和JavaScript制作一个切换图片的网页
- 使用HTML+CSS+JS制作简单的网页菜单界面
- 制作html网页时如何使用CSS使背景图片拉伸(填充)
- 制作一张简单的网页(HTML+CSS+JS) 【3】
- 制作一张简单的网页(HTML+CSS+JS)【1】
- 大学生简单网页个人主页制作大学生网页作业html&css视频教程
- 这是一个简单的图片时间器;使用html+css+js,合适新手练习
- 一、HTML和CSS基础--网页布局--网页简单布局之结构与表现原则
- Html网页中禁止文字选中(css/javascript)
- 前端技术学习之道:html之简单网页表格制作
- css和html制作网页
- [置顶] 【实战】如何通过html+css+mysql+php来快速的制作动态网页(以制作一个博客网站为列)
- 简单的一个CSS菜单,不用图片也很好看_网页代码站(www.webdm.cn)
- HTML+CSS基础(2)-HTML标签的简单介绍和网页注释
- 制作一个简单的网页爬虫爬取一张网页的特定图片
- CSS网页制作技巧:图片的自适应居中和兼容处理(转)
- html+css+jQuery实现多种图片简单切换功能大综合
- 网页制作基础学习——HTML+CSS