학생용

Style Images with CSS

4.8
별점
35개의 평가
제공자:
Coursera Project Network
2,164명이 이미 등록했습니다.
학습자는 이 안내 프로젝트에서 다음을 수행하게 됩니다.

Describe how HTML and CSS work with images.

Write CSS code to enhance the appearance of an image.

Apply CSS rules to images in an HTML document.

Clock1 hour and 5 minutes
Intermediate중급
Cloud다운로드 필요 없음
Video분할 화면 동영상
Comment Dots영어
Laptop데스크톱 전용

In this intermediate-level course you will explore how CSS (Cascading Stylesheets) can be used to alter the appearance of an image on your web page. HTML is used to add image content to a website and CSS is used to make that content visually appealing to website visitors. You will use the Notepad++ editor to write CSS rules with a variety of selectors and properties that are applied to images to change their appearance. The Chrome browser is used to display the page to test the results of your work. CSS is a very powerful tool and using it to gain more control over the visual aspects of images is a valuable skill for a web developer. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

개발할 기술

Web DevelopmentCascading Style Sheets (CCS)imagesstyleborder

단계별 학습

작업 영역이 있는 분할 화면으로 재생되는 동영상에서 강사는 다음을 단계별로 안내합니다.

  1. Discover how images are coded in HTML .

  2. Experiment with sizing and centering images.

  3. Apply CSS rules that place borders around images.

  4. Apply CSS rules to style Figure and Figcaption elements.

  5. Use CSS to add a background image to a page.

안내형 프로젝트 진행 방식

작업 영역은 브라우저에 바로 로드되는 클라우드 데스크톱으로, 다운로드할 필요가 없습니다.

분할 화면 동영상에서 강사가 프로젝트를 단계별로 안내해 줍니다.

자주 묻는 질문

자주 묻는 질문

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.