這篇文章將為大家詳細講解有關css中虛線框如何表示,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創新互聯專注為客戶提供全方位的互聯網綜合服務,包含不限于網站建設、成都網站設計、乳山網絡推廣、成都小程序開發、乳山網絡營銷、乳山企業策劃、乳山品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;創新互聯為所有大學生創業者提供乳山建站搭建服務,24小時服務熱線:028-86922220,官方網址:vcdvsql.cn
css中虛線框的表示方法:1、“元素{border-style:dashed;}”,“dashed”值表示將邊框設置為虛線樣式;1、“元素{border-style:dotted;}”,“dotted”值表示將邊框設置為點狀樣式。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中虛線框有兩種表示方法。
1、利用border-style: dashed;樣式,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> div{ width:100px; height:100px; background-color:red; border-style: dashed; } </style> </head> <body> <div> </div> </body> </html>
輸出結果:
2、利用border-style: dotted;樣式,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> div{ width:100px; height:100px; background-color:red; border-style: dotted; } </style> </head> <body> <div> </div> </body> </html>
輸出結果:
關于“css中虛線框如何表示”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網站欄目:css中虛線框如何表示
鏈接URL:http://vcdvsql.cn/article28/pehjcp.html
成都網站建設公司_創新互聯,為您提供Google、商城網站、微信公眾號、網站排名、營銷型網站建設、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯