CSSfloat浮动图片不按预期

最新推荐文章于 2022-10-28 14:43:19 发布

grin : (0~.~0)

最新推荐文章于 2022-10-28 14:43:19 发布

阅读量117

点赞数

本文链接：https://blog.csdn.net/qq_64071349/article/details/124991782

版权

HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

CSS

8 篇文章 0 订阅

订阅专栏

在我将图片浮动到右边时，效果却不如想象中，于是我寻找错误，发现我在代码中 写的中文影响了程序正常进行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{background-image:url("css学习部分/史迪奇2.jpg");
		background-attachment:local;
		}
			
			h1
			{
			background-image:url("史迪奇2.xcf")
		height:5.625em;
		width:30em;
			border-width:7px;
			border-style:groove;
			border-color:
			#aaffff
			
			}
			
			p{
				color:#ffff7f;}
			/*	height:70%;
			width:30%;
			padding:10%;
			border-style:solid;
			border-color:#aaffff ;
			border-radius:15px;
			box-shadow: 5px 5px 10px #000000; 
			text-shadow:5px 5px 5px #000000;*/
			    配置一个类
			.frog_Prince {
				/**/float:right;
				maigin:0 0 5px 5px;
		    
				border:1px solid #ff55ff;
				
			}
		</style>
	<body>
<h1 style="background-color:#000000;color:#00aaff"> Inline<span> CSS</span></h1>
  
		  <p>去喜欢一个让你有动力的人吧，每天起来都觉得阳光万里；</br>而不是喜欢一个让你有伤口的人，每天睡去都觉得万籁俱寂。</p>
		<img  src="D:\html知识点\简笔画\final frog.png" alt="青蛙图片" class="frog_Prince"  >
		Java是一门面向对象的编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程
</br></br></br></br></br></br></br></br></br></br></br></br>
	</body> 
</html>

于是我把不该在 错误位置出现的中文 去掉便成功了。