如何在DreamweaverCC 2018中制作懸浮導(dǎo)航?Dreamweaver集成了網(wǎng)頁制作和網(wǎng)站管理,使開發(fā)人員和設(shè)計人員能夠快速創(chuàng)建網(wǎng)站和應(yīng)用程序。Dreamweaver想做一個有浮動效果的導(dǎo)航,
如何制作?下面我們來看看詳細教程。有需要的朋友快來看看吧!
方法步驟:
1.啟動Dreamweaver并創(chuàng)建一個新的html軟件。
2.創(chuàng)建網(wǎng)頁代碼后,您可以看到自動生成的網(wǎng)頁代碼。
3.在頭部添加樣式代碼style type='text/css'/style,在正文中插入一個div。
4.為了方便查看效果,可以定義diV高于屏幕的高度。并介紹風(fēng)格a。
5.寫一個DIV模塊,引入CSS模擬一個方塊紅隊。刷新后可以看到寫好的模塊只是在頂部,而不是懸浮在固定的位置。
6.這時候就需要用position:固定;代碼。代碼如下:
寬度和高度設(shè)置好后,固定在一個位置。z-index將DIV設(shè)置到頂層,這樣就可以了。拉下頁面,看看它是否固定在這個位置。
以上是邊肖給大家分享的DreamweaverCC 2018中懸浮導(dǎo)航的具體制作方法。感興趣的用戶可以按照上面的步驟,試一試。希望以上教程能幫到你,關(guān)注系統(tǒng)世界精彩資訊教程。