DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁小空間大圖片的放置
網頁小空間大圖片的放置
編輯:前端技巧     

原文出處:www.bamagazine.com

那裡都有狹窄的空間:網頁橫幅、新聞標題處的空間、柱狀的廣告,但一張來自照相機的照片卻要大很多,它們的比例一般是 6 × 4 英寸 。你如何處理這兩者的關系?在本文中我們提供三種解決辦法。

一、新聞標題:

我們想將一張大的照片應用在標題區域裡,怎麼辦?

1 、大膽剪切:

如果你的照片的空度與你想要應用的區域的寬度一樣,我們可以對照片進行大膽的剪切。可能令你感到著迷的是,一張小照片同樣可以傳達大照片的精粹。

選擇照片最傳神的焦點,然後在照片上應用剪切。令你感到驚訝的是,你切得越窄,照片反而越有力量感!

只要對上圖看上一眼,我們的眼睛就能夠快速接收各種信息,包括:

  • 他們的年紀;
  • 他們的性別;
  • 他們的頭發;
  • 他們的衣服;
  • 他們的表情;
  • 他們的關系;

而所有這些正是我們所需要的!

將剪切後的圖片應用在這篇有關退休服務報道的標題中,效果非常不錯,比用上原來整張大圖片效果還要好

上一頁12 3 下一頁 閱讀全文
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved