使用css设置图片效果与网页背景

最新推荐文章于 2022-11-23 09:50:07 发布

飞行员2233

最新推荐文章于 2022-11-23 09:50:07 发布

阅读量747

点赞数 1

文章标签： css html html5

本文链接：https://blog.csdn.net/Wangfuqiangqiang/article/details/120741449

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
body{
	
	background-color:#000;
	margin:0px;
	color:#FFF;
	
	}
	
h1{
	text-align:center;
	background-image:url(/bg-0646.gif);
	width:100%;
	padding-top:20px;    /* 控件中内容距离控件顶边距离*/
	padding-bottom:20px;  /*控件中内容距离控件底边距离*/
	margin-top:0px; 	/* 设置为该 标题顶端距上一个标题的间距为0*/
	}
	
	/*    */
	
	
div{
	margin:0px auto;
	width:800px;
	
	}
#aaa{
	float:left;  /*设置文字环绕图片效果，其中图片位于文字的左边*/
	margin-right:10px; /*img  id =“aaa”的元素的右外边距：*/
	border-style:solid;
	border-color:#F93;
	}
	

#bbb{
	float:right;
	margin-right:10px;
	border-style:solid;
	border-color:#F93;
	}
	
	
#ccc{
	float:left;
	margin-right:10px;
	border-style:solid; /*border-style:  设置边框样式的属性  solid  :实线 */
	border-color:#F93;	/*设置边框颜色的属性*/
	}


p{
	text-indent:2em;   /*  设置段落首行缩进两个字符    */
	line-height:2em;  /*设置文本间行间距*/
	}
	
	

</style>
</head>

<body>
<h1>畅游普吉岛</h1>

<div>
<hr />
<img id="aaa"src="6609c93d70cf3bc777be204dd100baa1cc112ad1.jpg" width="300" height="125" /><p>Phuket Island | 这里水色纯净、天色蔚蓝，有自成一派的浪漫，白色沙滩和碧绿海水是普吉岛最美的语言。恋上普吉岛，恋上那片幽幽的蓝。</p>


<p>芭东海滩距普吉镇15公里，是普吉岛开发最完善的海滩区。白天的芭东海滩游人众多，吸引着越来越多的游客。喜欢逛街和购物的游客也很喜欢这里，因为在海滩附近有几条布满商店和餐馆的街道，走走看看间乐趣无穷。夜晚，度假村、露天酒吧、舞厅、夜总会人来人往。点一杯简单的饮料，在异国的夜晚和陌生的朋友聊聊天，看看外国人的夜生活，再吹一吹海风，真是非常享受。</p>




<p>幻多奇乐园是普吉岛最受欢迎的旅游点。每晚幻多奇剧场都会表演精彩的节目，如歌舞、魔术、杂技以及大象表演，有英语和泰语讲解。这里以一座古老村落的形式出现，向游客展示泰国传统文化神秘的一面，尤其是最后十几头大象一起走到舞台上，气势十分壮观。 幻多奇乐园占地广阔，内有主题商业街、小吃摊、宫廷式餐厅及豪华的现代化大剧院。在这里不但能买到具有泰国特色的手工艺品，还能品尝到当地的特色佳肴及世界各国的风味美食。泰国人把它当作本土的迪士尼乐园。幻多奇剧场每晚都会表演精彩的节目，以讲故事的方式向游客展示泰国传统文化。</p>
<img id="bbb"src="img3.jpg" width="300" height="125" />


 <p>皮皮岛位于泰国普吉岛东南约20公里处，是由两个主要岛屿（北部的大皮皮岛和南部的小皮皮岛）组成的姐妹岛，1983年被定为泰国国家公园。这是一个深受阳光眷宠的地方，柔软洁白的沙滩，宁静碧蓝的海水，鬼斧神工的天然洞穴，未受污染的自然风貌，使得她从普吉岛周围的30余个离岛中脱颖而出，一举成为近年来炙手可热的度假胜地之一。 喜欢宁静的人一定会喜欢皮皮岛的，花上几天在这里，一定会感受到人生最美好的感觉。如果是短暂、匆忙的一日游，<img id="ccc" src="img22.jpg" width="300" height="125" />虽然也可以看见属于皮皮岛的美景，可是很难彻底领略皮皮岛浪漫的风情，因为这里适合从容地居住和细心地体味。千万别吝啬你的假期，带上一本好书和一分好心情，出发吧！ 拉一把躺椅在海滩边享受温情脉脉的阳光，悠闲地翻几页书，啜一口色彩缤纷的鲜榨热带水果汁，偶尔发个呆，打个盹儿，也有连绵的海浪声依稀相伴，好不惬意；或许你热爱运动，那可一定要来这里一展身手！游泳、潜水、滑水、独木舟、风浪板、香蕉船……丰富多彩的水上、水下运动项目会让你手舞足蹈、无暇休息。当然也要注意动静相宜、张弛有道，激烈的运动后，不妨租个钓鱼杆，怡然自得地钓钓小鱼、小螃蟹之类，别太认真，愿者上钩嘛！ 爱好电影的朋友应该还记得2000年上映的由李奥纳多主演的美国热门影片《海滩》吧，但是你知道吗？那片梦幻般的碧海晴天正是在小皮皮岛实景拍摄的！能获得好莱坞大导演之青睐，可见皮皮岛真是魅力不凡。</p>
 </div>
</body>



</html>

飞行员2233

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
使用css设置图片效果与网页背景

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u.
复制链接

扫一扫