Arka plan resmine bir kenar boşluğu eklemek istiyorum, böylece onu ekranın ortasından uzaklaştırın, ancak bu sınıfın içine ekleyerek tüm vücuda bir kenar boşluğu eklersiniz.Kenar boşluğunu yalnızca arka plan görüntüsüne nasıl eklerim?
body.poppage {
background: url(/Imagenes/tip3.png) 50% 200px no-repeat #E2E4E9;
}
Bunu nasıl yapabilirim? Teşekkür
Eğer bir sonraki çocuğa görüntüyü hareket etme gibi ... başka bir şey denemek isteyebilirsiniz background-position özelliği
kullanabilirsiniz. Bu görevi gerçekleştirmek için sabit genişliğindeki divunuzun etrafında bir div yazıcısı oluşturabilirsiniz.
Aslında bir öğe olmadığından, bir arka plan görüntüsüne kenar boşluklarını ekleyemezsiniz. Eğer deneyebilirsiniz birkaç nokta:
sadece vücudun içinde bir içeren eleman var ise, bu elemanın arka plan resmini uygulayabilir ve üzerinde kenar boşluklarını ayarlayabilirsiniz.
İstediğiniz tek şey arka plan görüntüsünün kapsayıcısının içinde görünmesini sağlamaksa, arka plan konumunu ayarlayın.
Arka plan için bir kenar boşluğu yapmak için kapsayıcı dolgularını kullanın.
<div class="thebox">
<p>HEY!</p>
</div>
div.thebox
{
box-sizing: border-box;
width:400px;
height:400px;
border: 2px solid #000000;
padding: 10px;
background: url(http://studio-creator.com/blog/public/html5.jpg) center;
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
}
Çok iyi örnek 'background-origin' kullanımı! Neden orada olduğu konusunda bir açıklama yapmaya değer olabilir (varsayılan olarak dolgu kenarlarına değil, içeriğe göre konum oluşturmak için) – leo
ama arka plan pozisyon ekran hakkının sağına veya soluna gelen ille piksel sayar? Ortadan saymaya başlamak için bir yol yok mu? – lisovaccaro
Bu arka plana sahip bir kapsayıcı oluşturun ve sayfada ortalayın – fiiv