CSS陰影：如何使

如果沒有黑暗，沒有燈沒有陰影沒有形成。 連基本的化妝工具，對女性所謂的“影子”。 如果你想帶美女到您的網頁，你需要把正確的強調 - 添加CSS陰影需要的地方。

下面列出的材料將幫助你學習如何安裝遮陽或使用CSS代碼來塊圖像。

CSS陰影。 句法

其實箱陰影，在該框 - 塊和陰影 - 這本身就是一個影子。

寫在括號代碼：

{箱陰影：11像素的22px 33px 44px＃ 333333;}。

行告訴我們的單位設置為標準與陰影像素半徑。 數據被解密如下：

• 11像素-陰影偏移相對於該塊上的X軸（正值（20像素） 將向右移動陰影，負（-37px） - 向左）;
• 的22px -相對於塊Y軸（正值（5像素）導致簾向下負（-17px）的偏移-向上）陰影位移;
• 33px -此模糊參數，數字越大，效果越強;
• 44px -陰影的半徑，並且是成正比;
• ＃333333 - 色彩，這是在陰涼處畫。

最後三個參數是可選的，並且可以簡單地在字符串中被省略，即{箱陰影：10px的13像素; } - ..這樣的線不是不正確的（陰影顏色是相同的文字的所述塊中的顏色）。

因此，在您的網站的網頁創建陰影是不困難，但你可以創造出許多漂亮的效果！ 讓您的孩子一個獨特的，獨特的，因為設計是很重要的，每一個細節，每一個細節。 在這裡，似乎沒有什麼特別，但它更有趣和有吸引力的。

考慮一些說明性示例中，它看起來像一個陰影CSS塊根據編碼：

1. {箱陰影：25像素25像素;} - CSS-陰影偏移軸25個像素。
2. {箱陰影：25像素25像素10px的;} - CSS-陰影偏移軸25個像素和模糊邊緣10的像素。
3. {箱陰影：25像素25像素10px的5像素;} - CSS-陰影偏移軸25個像素，模糊邊緣10個像素和第5個像素的預定半徑
4. {箱陰影：25像素25像素10px的5像素＃9e9e9e;} - CSS-陰影偏移軸25個像素，模糊邊緣10個像素，指定的5個像素和顏色的半徑。

陰影

要創造一個更美麗，優雅和原始的色調有不同的效果。 你可以讓內部的陰影。 它是足夠的代碼來指定“插入”，參數的進一步描述的參數會像往常一樣：

{的box-shadow：插圖4PX 2px的6個像素＃9e9e9e;}。

這是可能的塊與在代碼完全不同的參數的幾個陰影，他們（陰影）中列出由逗號分隔的下把：

{的box-shadow：-20px -10px 11像素15像素＃800080，-50px -40px為5px 10px的＃daa520，為20px 10px的11像素15像素＃0700f9，50像素40像素為5px 10px的＃ffa500}。

影子圖片

除了單位在網站上肯定會有圖片，照片，背景-所有這些元素也看起來更有趣與陰影。 您可以在預圖像編輯畫圖，並將它們與陰影已經貼在頁面上。 但是，首先，它並不總是可能的各種原因，包括由於在圖形工作缺乏技能，其次，圖像的任何操作被添加到他，“重量”，而這樣的畫面可以加載頁面以及減緩。 在這種情況下，你可以做一個CSS陰影圖像。

最簡單的語法正確的解決了這個問題 - 創建單位，在畫面中背景將Kotormo。 接下來，你為單位必要的樹蔭下，它們顯示的背景圖像上：

• .block1 {箱陰影：插圖0 0 11像素9px＃9e9e9e; 寬度：480像素; 高度：360像素; 背景：網址（圖像/ charlize_theron_2.jpg）0 0不重複;}

在這個例子中，我們創建不帶軸的偏移的內陰影，與模糊半徑，定義的顏色，高度和該塊的寬度，和背景（背景）任命kuartinku。 其結果是，我們得到了內陰影的圖片。

同意創建使用CSS代碼的陰影 - 這是很簡單的，但令人興奮的，最重要的 - 有用的練習。