CSS製作網頁中的虛線

2021-10-03 06:33:30 字數 850 閱讀 9194

這裡議決邊框屬性的虛線邊框border控制虛線。以下配置的css 高度(css height)和css 寬度(css width)為350畫素是為了便於**演示 其它意思。

一、四邊為虛線邊框

border:1px dashed #000; 黑色虛線邊框

例項:css**: .hackhome

html**: 我的四邊為黑色虛線邊框

這裡配置邊框縮寫形式解釋hackhome挑選器四邊邊框為1px的黑色虛線邊框

二、左邊為虛線:

css**: .hackhome-1

html**: 我的左邊為黑色虛線邊框

這裡配置了左邊一邊為黑色虛線邊框

三、右邊為虛線:

css**: .hackhome-2

html**: 我的右邊為黑色虛線邊框

這裡配置了右邊一邊為黑色虛線邊框

四、頂部邊(上邊)為虛線:

css**: .hackhome-3

html**: 我的上邊為黑色虛線邊框

這裡配置了頂邊(上邊線)一邊為黑色虛線邊框

五、底部邊(下邊)為虛線:

css**: .hackhome-4

html**: 我的下邊為黑色虛線邊框

這裡配置了底邊(下邊線)一邊為黑色虛線邊框

六、隨意一邊不為虛線,其它三邊為虛線狀況

參與右邊邊框不為虛線而沒有邊線,其它三邊為黑色虛線邊框

css**: .hackhome-5

html**: 我的右邊邊框無邊線而其它三邊為黑色虛線邊框例項

這裡議決先配置了該物件四邊為黑色1px虛線邊框,緊接著又配置一邊邊線為0的配置,這樣相當於配置了3邊的邊框虛線屬性,但是這裡留意邊框屬性配置前後順序

CSS教程 設計製作網頁的CSS經驗

有些習慣顯得尤為重要,今天與您分享六個css習慣。因為習慣其實是會變的,所以只能寫 最近 的。這些習慣都跟技術無關,如果不遵守,也不會出錯。但是我覺得良好的習慣會體現乙個人的素質。我們在我們中向大家介紹過很多css經驗與技巧,這些東西都發布在的文章中,相信對大家是有一些幫助與啟發的。有些習慣顯得尤為...

網頁製作中燈籠製作步驟

製作燈籠步驟 步驟1 新建文件,設定畫布大小為300x300畫素。步驟2 選擇選單欄中的 檢視 網格 一 顯示網格 命令,在畫布中顯示網格。再選擇選單欄,編輯 一 首選引數 命令,在 輔助線和網格 類別中設定網格的寬度 高度均為20畫素。步驟3 選擇工具箱中的橢圓工具,在其屬性面板中進行屬性設定,筆...

網頁製作之Css帶來的好處

css css css是一套可行的 搞笑的網頁維護方法 幫網頁設計師統一維護眾多的頁面而不需要大量繁複的調整每乙個頁面 它的核心理念就是表現與結構分離 也就是說把頁面結構有條理有層次的工作讓 html 去完成,而如何呈現這些內容則由 css負責完成 舉個最簡單的例子 我們想在頁面上顯示 廊坊師範學院...