CSS小結

技術小阿哥發表於2017-11-27
原文網址 : https://flycode.co/archives/130312
CSS

去掉下劃線：

1
text-decoration:none;

去掉li的圓點：

1
list-style:none;

設定li的高度：

1
line-height:20px;

字型加粗：

1
font-weight:bold;

文字居右：

1
text-align:right;

連結手指狀：

1
cursor:pointer;

display用法：

1
2
3
display:inline;//在同一行顯示
display:block;//在新的一行上顯示
display:inline-block;//一行顯示的塊級元素

border邊框：

1
2
3
border:1px solid black;//實線
border:1px dotted black;//虛線，預設矩形邊框
border-radius:5px;//圓角邊框

為文字設定陰影：

1
text-shadow:1px 1px 5px #04acef;//水平陰影位置 垂直陰影位置 模糊的距離 顏色

為邊框設定陰影：

1
box-shadow:1px 1px 10px #ccc;

設定字與字的間距：

1
letter-spacing:8px;

本文轉自 愛笑嘚蛋蛋 51CTO部落格，原文連結：http://blog.51cto.com/dd118/1675277，如需轉載請自行聯絡原作者


相關文章