2016-08-27 37 views
0

我想爲我的博客製作對角線菜單欄,但我無法弄清楚如何去做。你能幫助任何人嗎?是否可以使用css製作對角菜單欄?

簡單的東西(像在照片),我可以根據我的模板個性化自己:

image

+0

看看[這個](http://stackoverflow.com/questions/11026200/rotating-text-with-css3-html5)SO問題。 –

回答

1

是的,這是可能的。你應該看看這個CSS3屬性transform,然後指定你想旋轉多少程度。

#myMenuBar { 
    background-color:black; 
    color:white; 
    transform:rotate(-10deg); 
    -ms-transform: rotate(-10deg); /* IE 9 */ 
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */ 
} 

要知道瀏覽器的支持,當談到transform。你可以在這裏找到更多的細節:http://www.w3schools.com/cssref/css3_pr_transform.asp

+0

不用擔心。很高興幫助。 – woodykiddy

0

這部分是不適合的工作,你希望其他人做。這是問題部分,您可以請求人們幫助您處理無法正常工作或給您帶來錯誤的代碼。我建議在作業部分發布這個。 最好的問候

+0

我不知道有這樣的一個類別,除此之外,我已經有一個代碼,但無論我嘗試了什麼伎倆,我都無法弄清楚什麼是錯誤的......我只是一個初學者 –

+0

它很好,我明白。你有沒有嘗試過旋轉div? –