css製作網頁中的虛線
這裏邊框屬性的虛線邊框border控制虛線。以下配置的css 高度(css height)和css 寬度(css width)爲350像素。
一、四邊爲虛線邊框
border:1px dashed #000; 黑色虛線邊框
實例:
CSS代碼: home{border:1px dashed #000; height:50px;width:350px}
Html代碼: 我的四邊爲黑色虛線邊框
這裏配置邊框縮寫形式解釋hackhome挑選器四邊邊框爲1px的黑色虛線邊框
二、左邊爲虛線:
CSS代碼: home-1{border-left:1px dashed #000; height:50px;width:350px}
Html代碼: 我的左邊爲黑色虛線邊框
這裏配置了左邊一邊爲黑色虛線邊框
三、右邊爲虛線:
CSS代碼: home-2{border-right:1px dashed #000; height:50px;width:350px}
Html代碼: 我的`右邊爲黑色虛線邊框
這裏配置了右邊一邊爲黑色虛線邊框
四、頂部邊(上邊)爲虛線:
CSS代碼: home-3{border-top:1px dashed #000; height:50px;width:350px}
Html代碼: 我的上邊爲黑色虛線邊框
這裏配置了頂邊(上邊線)一邊爲黑色虛線邊框
五、底部邊(下邊)爲虛線:
CSS代碼: home-4{border-bottom:1px dashed #000; height:50px;width:350px}
Html代碼: 我的下邊爲黑色虛線邊框
這裏配置了底邊(下邊線)一邊爲黑色虛線邊框
六、隨意一邊不爲虛線,其它三邊爲虛線狀況
參與右邊邊框不爲虛線而沒有邊線,其它三邊爲黑色虛線邊框
CSS代碼: home-5{border:1px dashed #000;border-right:0; height:50px;width:350px}
Html代碼: 我的右邊邊框無邊線而其它三邊爲黑色虛線邊框實例
這裏先配置了該對象四邊爲黑色1px虛線邊框,緊接着又配置一邊邊線爲0的配置,這樣相當於配置了3邊的邊框虛線屬性,但是這裏留意邊框屬性配置前後順序
-
實用的製作的作文300字3篇【精華】
在生活、工作和學習中,大家都不可避免地會接觸到作文吧,寫作文可以鍛鍊我們的獨處習慣,讓自己的心靜下來,思考自己未來的方向。相信很多朋友都對寫作文感到非常苦惱吧,以下是小編整理的製作的作文300字3篇,希望能夠幫助到大家。製作的作文300字篇1今天,我自己動手做了...
-
(通用)小製作作文5篇
在我們平凡的日常裏,大家都不可避免地會接觸到作文吧,作文是人們把記憶中所存儲的有關知識、經驗和思想用書面形式表達出來的記敘方式。如何寫一篇有思想、有文采的作文呢?以下是小編幫大家整理的小製作作文5篇,歡迎大家分享。小製作作文篇1我有一個小製作是用啤酒...
-
(精品)製作的作文10篇
在日常學習、工作和生活中,大家都不可避免地會接觸到作文吧,寫作文是培養人們的觀察力、聯想力、想象力、思考力和記憶力的重要手段。如何寫一篇有思想、有文采的作文呢?以下是小編精心整理的製作的作文10篇,僅供參考,希望能夠幫助到大家。製作的作文篇1有這麼一道...
-
實用的製作的作文300字常用【8篇】
在現實生活或工作學習中,大家對作文都再熟悉不過了吧,藉助作文人們可以反映客觀事物、表達思想感情、傳遞知識信息。相信許多人會覺得作文很難寫吧,下面是小編爲大家收集的製作的作文300字8篇,供大家參考借鑑,希望可以幫助到有需要的朋友。製作的作文300字篇1費孝東...