1. 程式人生 > >樣式表的重要點3

樣式表的重要點3

技術 ren border tran 式表 ctu 代碼 透明 lin

1.利用border的屬性,來達到如下圖的效果:

技術分享

需要以下的代碼:

技術分享

思路:先把<div>的寬和高設為0像素,左邊框,右邊框,下邊框都設為transparent透明屬性,只有上邊框有顏色;

2.同樣利用border來達到如圖效果:

技術分享

需要以下代碼:

技術分享

思路:利用到了<div>的旋轉,按順時針旋轉,上邊框與右邊框設為透明的,粗細設為0像素;

3.在head中添加這個標簽<link rel="shortcut icon" href="file:///C|/Users/lenovoo/Pictures/校徽.jpg" />,可以實現如下效果:

技術分享

樣式表的重要點3