中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用css3制作動感導航條

發布時間:2021-07-26 11:12:19 來源:億速云 閱讀:156 作者:chen 欄目:web開發

這篇文章主要介紹“如何使用css3制作動感導航條”,在日常操作中,相信很多人在如何使用css3制作動感導航條問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何使用css3制作動感導航條”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

越來越喜歡CSS3的Transition屬性

HTML:

代碼如下:


<div class="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">LIFE</a></li>
<li><a href="#">WEB</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">PIC</a></li>
<li><a href="#">ABOUT</a></li>
</div>

CSS:

代碼如下:


<style>
body{
background:#EDEDED;
}</p> <p>.nav{
width:606px;
margin:100px auto 0 auto;
}</p> <p>li{
width:100px;
height:30px;
list-style:none;
float:left;
margin-left:-1px;</p> <p> /*菜單文字排版*/
line-height:26px;
text-align:center;
letter-spacing:3px;</p> <p> /*設置菜單邊框*/
border:1px solid #B2B2B2;
border-radius:3px;</p> <p> /*設置菜單陰影*/
-webkit-box-shadow:0 1px 2px #CDCDCD;
box-shadow:0 1px 2px #CDCDCD;</p> <p> /*設置菜單動畫*/
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}</p> <p>a{
width:96px;
height:28px;
display:inline-block;</p> <p> /*設置鏈接樣式*/
color:#999;
font-size:10px;
font-family:Verdana,sans-serif;
text-decoration:none;</p> <p> /*webkit文字大小*/
-webkit-text-size-adjust:none;

/*設置邊框*/
border:2px solid #FFF;
border-bottom:none;
border-radius:3px;</p> <p> /*菜單背景漸變*/
background:-webkit-linear-gradient( top,#FFFFFF 20%,#F3F3F3 85%,#E5E5E5 100%);
background:-moz-linear-gradient( top,#FFFFFF 20%,#F3F3F3 85%,#E5E5E5 100%);
background:linear-gradient( top,#FFFFFF 20%,#F3F3F3 85%,#E5E5E5 100%);
}</p> <p>li:hover{
margin-top:-8px;
}</p> <p>a:hover{
color:#777;
}
</style>

到此,關于“如何使用css3制作動感導航條”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

米泉市| 尉犁县| 仙桃市| 盘山县| 彭山县| 剑阁县| 牡丹江市| 辰溪县| 萝北县| 延庆县| 元朗区| 贞丰县| 靖安县| 石楼县| 利川市| 成都市| 临漳县| 巴南区| 玉门市| 诸暨市| 岳西县| 资溪县| 桐柏县| 康定县| 西畴县| 海南省| 汨罗市| 武鸣县| 通道| 曲沃县| 吴桥县| 大宁县| 海淀区| 昌都县| 建始县| 衢州市| 铁岭市| 富源县| 伊金霍洛旗| 定结县| 抚远县|