30/09/2018, 23:04

Hỏi về background-image trong css

em đã thử hoài mà vẩn ko được anh chị giúp đở,dùng ảnh làm hình nền trong css
body{
margin:0px;

font-family: arial,verdana;
background-image: url(E:sunlitexmenuanimg
.jpg);

}

Vũ Thanh viết 01:17 ngày 01/10/2018

Bạn thử Code như này xem sao nhé:
background-image: url("E:\sunlitex\menuan\img\r.jpg");

Nhox Namby viết 01:08 ngày 01/10/2018

ko được luôn bạn ơi //

Vũ Thanh viết 01:13 ngày 01/10/2018

Chắc ăn nhất thì bạn lưu file ảnh vào cùng thư mục với file HTML và CSS nha
Khi đó thì chỉ cần gõ tên file ảnh trong dấu nháy kép thôi (abc.png), không cần đường dẫn chi tiết (E:\path\abc.png)

Nhox Namby viết 01:10 ngày 01/10/2018

bạn viết rõ chổ này đ ko (E:\path\abc.png)

Vũ Thanh viết 01:17 ngày 01/10/2018

Bạn chỉ cần gõ thẳng tên file ảnh vào cặp dấu nháp kép thôi.
Path là đường dẫn của bạn đó, T không tiện viết ra nên gọi chung là /path

Toàn Tạ Văn viết 01:07 ngày 01/10/2018

bạn nên để file ảnh đó cùng folder với file CSS hoặc là file ảnh năm trong folder A, và Folder A vs CSS cùng trong 1 folder mẹ bạn ạ

‏ viết 01:12 ngày 01/10/2018

background-image: url("file:///E:/sunlitex/menuan/img/r.jpg");

để truy cập file trong thư mục bất kì thì phải có file:///, vì ở đây là truy cập file trong thư mục khác, cần full đường dẫn thì phải bắt đầu với file:/// (nó na ná như là http:// vậy)
xài / thay cho \

Trang Tuân viết 01:14 ngày 01/10/2018

Ai lại đi dùng đường dẫn tuyệt đối thế này, dùng đường dẫn tương đối nha bạn. Mình có trả lời rất chi tiết ở một post khác tương tự:

Em nên chuyển sang dùng đường dẫn tương đối, khi up lên host hay bê đi bất cứ đâu cũng không bị lỗi. Ví dụ em có một folder như sau: [image] Lúc này nếu em viết css inline trực tiếp cho thẻ body của file index.html, và tấm hình background nằm trong folder images thì code sẽ như sau: <body style="background:url('images/background.jpg') no-repeat center top;"> Nếu viết css extend và file style.css nằm trong folder css thì code sẽ như sau: body{ background:url('../images/background.jpg') no…

Nhox Namby viết 01:11 ngày 01/10/2018

thanhk bạn nhiều nhé, được rồi

Trần Hoàng Sơn viết 01:08 ngày 01/10/2018

em có đoạn code thế này

<!doctype html>

abc <link href="css/style.css" rel="stylesheet" type="text/css" background:url('img/uchiha.jpg') no-repeat center top;

		<div=class"right">
		</div>
	</div>
	<div id="clear"></div>
	
	<div id="slider">
	</div>
	
	<div id="content_1"></div>
	
	<div id="content_2"></div>
	
	<div id="content_3"></div>
	
	<div id="content_4"></div>
	
	<div id="content_5"></div>
	
	<div id="content_6"></div>
	
	<div id="footer">
	abc. Designer sonth
	</div>
</div>

---------------------------------------- cái background mãi không ra ạ.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Nhox Namby

0 chủ đề

0 bài viết

Tác giả nổi bật