Bài tập  /  Bài đang cần trả lời

Sử dụng tệp portfolio.html chưa được định kiểu bằng CSS. Nhiệm vụ 1. Định kiểu CSS cho vùng chọn là tên thẻ Yêu cầu: Sử dụng vùng chọn để định kiểu cho các đề mục hi của tệp portfolio.html (Hình 4) theo các yêu cầu sau: Phần văn bản có màu trắng, cỡ chữ 20, phông chữ Arial. Phần nền của để mục h1 màu xanh, có độ rộng chiếm một nửa độ rộng của trang web, bo tròn góc trên và góc dưới ở bên phải. Phần văn bản được căn phải đối với phần nền, có vùng đệm là 10 pixels.

Sử dụng tệp portfolio.html chưa được định kiểu bằng CSS.

Nhiệm vụ 1. Định kiểu CSS cho vùng chọn là tên thẻ

Yêu cầu: Sử dụng vùng chọn để định kiểu cho các đề mục hi của tệp portfolio.html (Hình 4) theo các yêu cầu sau:

Phần văn bản có màu trắng, cỡ chữ 20, phông chữ Arial.

Phần nền của để mục h1 màu xanh, có độ rộng chiếm một nửa độ rộng của trang web, bo tròn góc trên và góc dưới ở bên phải.

Phần văn bản được căn phải đối với phần nền, có vùng đệm là 10 pixels.

1 trả lời
Hỏi chi tiết
8
0
0
Phạm Văn Bắc
10/09 22:23:16

1. Trong tệp portfolio.html, em chèn liên kết đến tệp style.css

2. Tạo tệp style.css nằm cùng thư mục với tệp portfolio.html. Tệp style.css sẽ chứa các khai bảo vùng chọn và mã lệnh CSS dùng để định kiểu theo yêu cầu.

3. Vì tất cả đề mục hi sẽ được định kiểu giống nhau nên ta khai báo vùng chọn là tên phần tử

. Để đáp ứng những yêu cầu trên, các thuộc tính được sử dụng trong vùng chọn h1 gồm: Thuộc tính color dành cho màu của văn bản, nh cho cỡ chữ và nh cho phông chữ.

Thuộc tính background-color dành cho màu nền của đề mục, width dành cho độ rộng của nền và border-radius dành cho góc bo tròn.

Thuộc tính text-align dành cho việc căn phải và padding dành cho vùng đệm.

Như vậy, đoạn mã CSS được viết như sau:

h1 {

color: #ffffff;

}

background-color: #0053a0; width: 50%;

border-radius: 0px 10px 10px 0px;

text-align: right;

padding: 10px;

Mở khóa để xem toàn bộ nội dung trả lời

(?)
Bạn đã đạt đến giới hạn của mình. Bằng cách Đăng ký tài khoản, bạn có thể xem toàn bộ nội dung trả lời
Cải thiện điểm số của bạn bằng cách đăng ký tài khoản Lazi.
Xem toàn bộ các câu trả lời, chat trực tiếp 1:1 với đội ngũ Gia sư Lazi bằng cách Đăng nhập tài khoản ngay bây giờ
Tôi đã có tài khoản? Đăng nhập

Bạn hỏi - Lazi trả lời

Bạn muốn biết điều gì?

GỬI CÂU HỎI
Học tập không giới hạn cùng học sinh cả nước và AI, sôi động, tích cực, trải nghiệm
Bài tập liên quan
Bài tập Tin học Lớp 12 mới nhất

Hôm nay bạn thế nào? Hãy nhấp vào một lựa chọn, nếu may mắn bạn sẽ được tặng 50.000 xu từ Lazi

Vui Buồn Bình thường

Học ngoại ngữ với Flashcard

×
Trợ lý ảo Trợ lý ảo
×
Gia sư Lazi Gia sư