99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

小編給大家分享一下CSS虛線樣式的制作方法及虛線樣式怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問題，與客戶深入溝通，找到西峰網(wǎng)站設(shè)計與西峰網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋西峰地區(qū)。

一、CSS虛線的制作方法

border-style 屬性可以設(shè)置一個元素的四個邊框的樣式， 它的常用屬性值如下：
dotted ：點狀，在大多數(shù)瀏覽器中呈現(xiàn)為實線
dashed ：虛線，在大多數(shù)瀏覽器中呈現(xiàn)為實線
solid ：定義實線
none：無邊框
double：雙線
CSS虛線樣式的實現(xiàn)就是用的屬性值dashed，dotted。

border-style屬性可以設(shè)置一個值，兩個值，三個值，四個值，他們代表的意思如下：
1、border-style:dotted solid double dashed
表示上邊框是點狀，右邊框是實線，下邊框是雙線，左邊框是虛線
2、border-style:dotted solid double
表示上邊框是點狀，右邊框和左邊框是實線，下邊框是雙線
3、border-style:dotted solid
表示上邊框和下邊框是點狀，右邊框和左邊框是實線
4、border-style:dotted
表示所有4個邊框都是點狀

邊框的寫法： border:border-width, border-style,border-color 。所以，寬度為1px的黑色虛線可以這樣寫 border:1px dashed #000;

二、CSS虛線的運(yùn)用實例

1、CSS虛線邊框

 
  
生活不止眼前的茍且，還有詩和遠(yuǎn)方的田野
 

效果圖：

2、li列表虛線分割，即CSS虛線下邊框

頁面中用css li標(biāo)簽布局的也比較多，每行l(wèi)i下邊用虛線將內(nèi)容分開，用border-bottom來實現(xiàn)。

 
  

   
have a nice day 
   
have a nice day 
   
have a nice day 
   
have a nice day 
   
have a nice day 
   
have a nice day 
   
have a nice day 
   
  
 

效果圖：

3、CSS一條水平虛線，用hr 標(biāo)簽，然后對hr標(biāo)簽添加樣式，border: 1px dotted #FF0000

效果圖：

4、超鏈接虛線下劃線，用border-bottom: 1px dashed #FF0000，對a標(biāo)簽中的內(nèi)容進(jìn)行強(qiáng)調(diào)。

 
  
歡迎大家來創(chuàng)新互聯(lián)學(xué)習(xí)知識
 

以上是“CSS虛線樣式的制作方法及虛線樣式怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：CSS虛線樣式的制作方法及虛線樣式怎么用
標(biāo)題鏈接：http://ef60e0e.cn/article/pgjhpc.html