碼農成長記 css之背景與邊框

2021-07-25 05:12:39 字數 591 閱讀 6411

背景

邊框盒子模型

背景background-image:url(pic/bg.jpg);

background-repeat:no-repeat; /* 不可重複 no-repeat不填充 repeat-x水平填充

repeat-y 垂直方向填充 不寫這個屬性水平跟豎直都填充 */

background-position:30px 30px;

的擷取background-position:-6px -1118px;

2 邊框  (四邊 上下左右)

邊框的的顏色

邊框的粗細 1px/2px/3px

邊框的樣式 solid/dotted/double

簡寫跟分寫

border

3 行內元素(span a i b ).......塊狀元素(div p)

span    在同一行顯示,寬度跟高度不起作用

display:inline-block;  水平方向排列

display:block;    轉化為塊狀元素(豎直方向排列)

display:none;    隱藏起來

盒子

000 碼農成長記

從六月十六到今天九月十五,正好在銀江待了三個月,唔,感覺2014就快結束了。離開的決定醞釀了很多次,但是最後猶豫之中,我還是選擇離開,加快了原本的計畫。三個多月以前,在自己的日記本上就預想到了這個可能的結果,還有需要發生,正在發生的是,桌子那一邊我剛剛開始啃的書。深入理解計算機系統 現在作業系統 演...

《css揭秘》之背景與邊框

這本書是魔法哥的譯著,也是買了有很長時間了,現在開始慢慢閱讀,確實比較新穎,包含了很多css方面的小tips。來一點點的做個總結。關於半透明我們可能會想到使用rgba,opacity等等,對於背景提供回退方案還是比較好做的,要麼利用一張單畫素半透明,要麼回退到實色。但是對於其他屬性,比如邊框我們就只...

CSS揭秘 背景與邊框

css編碼技巧 font size 20px line height 1.5 1.半透明邊框 border 10px solid hsla 0,0 100 5 background white background clip padding box 2.多重邊框 background yellowg...