2016-02-21 36 views
-2

我正在工作的裁剪工具,我需要突出強烈的黑色像這樣的div的角落:
(在角落的任何一種突出顯示,將顯示在圖像過度)。
enter image description here
這樣的突出顯示將表示對角線裁剪而不是邊緣上的線性裁剪。我怎樣才能使用CSS或JavaScript來實現這一點。 (邊框可以很容易突出顯示,但角落?)

謝謝!突出顯示div角落的裁剪工具

+0

預計您至少會嘗試爲自己編寫代碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究,無論是通過谷歌或通過搜索,做一個嘗試和。如果您仍然遇到麻煩,請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

+0

我不知道如何編碼div的邊角,編碼div邊框與問題無關。 –

+0

然後,你需要做的是編寫你所知道的所有部分,這樣唯一剩下的部分就是你不知道該怎麼做的部分。然後谷歌如何做一些事情與div-corners ...並嘗試的東西,直到你找到一些看起來可能工作。 –

回答

1

一個簡單的解決方案是創建四個具有所需背景(角落)的子div,並將它們相對於四角的裁剪區域進行定位。

如果你想要完整的自定義框,你可以認爲,如果你的盒子是9箱 grid。 現在你有你的第一個div,其中包含三個div,線和這三個div你有三個,現在你必須使用圖像編輯器自定義框,並把它作爲背景。並正確設置裁剪框的大小。