css web sites with dreamweaver mx 2004 - Phần 2

Không có phần nào của cuốn sách này có thể được sao chép, truyền đi dưới bất kỳ hình thức nào hoặc bất kỳ phương tiện, điện tử hoặc cơ khí, bao gồm cả photocopy, ghi âm hoặc bằng bất kỳ thông tin lưu trữ và hệ thống thu hồi, mà không có sự cho phép trước bằng văn bản bằng văn bản từ nhà xuất bản, | zone To wrap the text in a div click your mouse cursor at the start of the text and switch into Code View. Before the first p of that boxout type div class boxout and after the closing final p type div . You should end up with a section that looks like this div class boxout p Lorem ipsum dolor sit amet consectetuer adipiscing elit. Nam sit amet lorem. Ut sed nulla ut libero tempor egestas. Phasellus blandit purus in facilisis tempus leo arcu tempor elit in bibendum lacus sem at nunc. p div Now switch back into Design View you won t see any change to the display as yet - we now need to create a class to apply to this box. Create a New CSS Class. In the New CSS Style dialog name the class .boxout and Define in . Click OK in the next dialog box select the Category Border and with Same for All checked set the values to Solid 2 pixels and color cccccc as in the image below. 22 EM zone Click OK and because we set the name of the div when we created it you should see a border appear around the text. Lorem ipsum dolor sit a met Iconsectetuer adipiscing el it. iNarri sit a met Io rem. ut sed Inulla ut libero tempor egestas. iphasellus blandit purus in facilisis tempos leo arcu temp or el it in bibendum I a cos Isern at nunc. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Nam sit amet lorem. ut sed nulla Lit libero tempor egestas. Phasellus blandit purus in faciiisis tempos ieo arcu temper elit in bibendurn lacus sem at nunc. Pellent tincidur phareti fermen wisi. Se tristiqu vel me tmcidur Head jjQuis id enim mi. Sec amet V . Susper eras hE sem. pl nsus E sed ar To style the text within the box we can use a selector. We want to say style all the p tags within the div boxout with these rules. Create a new CSS style within Dreamweaver choose to Use CSS Selector and type .boxout p into the box. Click OK and then set the rules for this text in the next dialog. Clicking OK or Apply should show you the results. 23 zone When you preview in a web browser you .

Không thể tạo bản xem trước, hãy bấm tải xuống
TÀI LIỆU MỚI ĐĂNG
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.