CSS是網頁設計中必不可少的一種技術,其中在菜單欄中添加文字是我們經常會遇到的問題,下面我們提供一種使用CSS在li中加入文字的方法。
<ul><li>CSS</li><li>HTML</li><li>JavaScript</li></ul><style>/*對于所有的li元素,設置樣式*/ li { list-style: none; /*去掉原有的標記*/ display: inline-block; /*設置為行內塊級元素,使其并排顯示*/ margin-right: 20px; /*設置不同元素之間的距離*/ font-size: 20px; /*字體大小*/ font-weight: bold; /*字體粗細*/ color: #000000; /*字體顏色*/ background-color: #ffffff; /*背景顏色*/ padding: 10px; /*內邊距*/ } </style>
以上代碼會在li元素里添加css文字,字體大小為20px,字體加粗,顏色為黑色,背景顏色為白色,內邊距為10px,設置不同元素之間的距離為20px,使其并排顯示。
如果您希望加入其他的文字,只需要將CSS改為您想要的文字即可,通過這種方法,我們可以極大的美化我們的菜單欄,同時也更加方便用戶的使用,提升網站的用戶體驗。
上一篇mysql數據庫條件函數
下一篇mysql數據庫某列報空