<form id="ddd9p"><nobr id="ddd9p"></nobr></form>

          <address id="ddd9p"></address>

          當前位置: 沐風博客 >> 網頁設計 >>正文

          css虛線樣式,怎么在css里添加虛線

          重點導讀:控制div線框的是border,我們可以具體設置四條邊的線框是否顯示,也可以去設置虛線框的顏色和粗細。線框的設置可以讓div的塊狀更加明顯,至于是用虛線還是實線,大家可以根據具體情況而定。不知道怎么在css里添加虛線的朋友,可以拿本文的代碼去看看效果,自己再去修改修改,體會下變化,進而更審核的掌握css虛線樣式。

          本文給大家介紹的是css虛線樣式,給大家介紹下怎么在css里添加虛線。線框通常是針對div來的,線條會讓整個div看起來更加明顯,那么具體css虛線樣式代碼是什么呢?先來看個實例圖:

          css虛線樣式.jpg

          可以看到整個div的線框就是虛線的,下面是具體代碼:

          <div style=" width:500px; height:300px; border:1px #0000FF dashed; padding:20px;">

          這里的div邊框就是虛線了。

          </div>

          可以看到,css虛線樣式的重點是在border,其中1px表示虛線的粗細,如果設置5px,那么線條就會更加粗些;dashed表示虛線,如果實線的話則是solid;#0000FF自然就是指虛線的顏色了。

          這里設置的是四面都是虛線,我們也可以設置某一邊,比如設置只有左邊有虛線邊框,代碼為:

          <div style=" width:500px; height:300px; border-left:1px #0000FF dashed; padding:20px;">

          比如設置只有上邊有虛線邊框,代碼為:

          <div style=" width:500px; height:300px; border-top:1px #0000FF dashed; padding:20px;">

          比如設置只有右邊有虛線邊框,代碼為:

          <div style=" width:500px; height:300px; border-right:1px #0000FF dashed; padding:20px;">

          比如設置只有下邊有虛線邊框,代碼為:

          <div style=" width:500px; height:300px; border-bottom:1px #0000FF dashed; padding:20px;">

          css虛線樣式其實很簡單,現在大家應該知道怎么在css里添加虛線了吧!控制div線框的是border,我們可以具體設置四條邊的線框是否顯示,也可以去設置虛線框的顏色和粗細。線框的設置可以讓div的塊狀更加明顯,至于是用虛線還是實線,大家可以根據具體情況而定。不知道怎么在css里添加虛線的朋友,可以拿本文的代碼去看看效果,自己再去修改修改,體會下變化,進而更審核的掌握css虛線樣式。


          相關知識點
          CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

          本文 已幫助 2887 人!

          沐風博客

          本站內容大部分由沐風博客原創,少部分內容來源于網絡,如有侵權請與我們聯系,我們會及時刪除!
          責任編輯:沐風 | 發布時間:2020年05月19日15點57分53秒 | 本文永久地址為 http://www.aywdesigns.com/seo/1971.html

          發表評論:

          ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

          沐風博客,更新包含SEO培訓教程、網站運營及網絡推廣等互聯網資訊

          線下SEO培訓地址:廣州.廈滘 | 線上SEO培訓不受地域限制

          人人妻人人A爽人人模夜夜

          <form id="ddd9p"><nobr id="ddd9p"></nobr></form>

                  <address id="ddd9p"></address>