이미지를 오른쪽 상단 모서리에 넣는 방법?

-1

국경의 오른쪽 상단에 - Image과 같은 작은 로고를 넣을 수있는 방법은 무엇입니까? 테두리가 맞거나 크기가 조정되지 않습니까?이미지를 오른쪽 상단 모서리에 넣는 방법?

내 코드 :

그것은 당신이 당신의 코드가 버그가 있기 때문에 달성 할 당신이이 이미지를 넣어하는 방법을 보여 주었다하지 않은 것을 말해 정말 어렵다

<html> 
<head> 
body { 
text-align: center; 
background-color: white; 
margin: 0; 
padding: 0;} 
h1 { 
font-family: 'Fjalla One', sans-serif; 
color: #000;} 
p { 
font-family: 'Roboto', sans-serif; 
font-size: 14px;} 
<style> 
#logo { 
border-style: solid 
border-color: #000; 
border-width: 100%;} 
</style> 
</head> 
<body> 
<div id="logo"> 
<h1>example.com</h1> 
<p>Examples examples examples.</p> 
</div> 
</body>

출처

2014-06-11 user3525874

이와 비슷한 http://jsfiddle.net/Qn4c2/? – Sachin

-1

한 가지 가능한 솔루션은, 예를 들면 : 이미지가 너무 큰

<html> 
<head> 
<style> 
body { 
text-align: center; 
background-color: white; 
margin: 0; 
padding: 0;} 
h1 { 
font-family: 'Fjalla One', sans-serif; 
color: #000;} 
p { 
font-family: 'Roboto', sans-serif; 
font-size: 14px;} 

#logo { 
border-style: solid; 
border-color: #000; 
border-width: 100%; 
background: url('WdP7OUV.jpg') top right no-repeat; 
} 
</style> 
</head> 
<body> 
<div id="logo"> 
<h1>example.com</h1> 
<p>Examples examples examples.</p> 
</div> 
</body>

경우 난 강력하게 소프트웨어를 사용하여 크기를 조정하는 당신에게 추천 할 것입니다. 당신은 또한 그것을 추가하는 다른 방법을 수행 할 수 있습니다 그러나 이후 :

background: url('WdP7OUV.jpg') top right no-repeat;

라인

background-size:80px 80px;

그러나이 경우 불필요한 부하가 너무 큰 이미지 및 그래픽에 그것을 확장 할 수 있도록 더 나은이 전송의 낭비 소프트웨어.

출처

2014-06-11 18:51:56

이미지를 오른쪽 상단 모서리에 넣는 방법?

답변

관련 문제