Style Images with CSS

4.8
47件の評価
提供:
Coursera Project Network
2,588人がすでに登録済みです
このガイド付きプロジェクトでは、次のことを行います。

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.

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。