HTML 從零開始的學習過程(10)

2021-10-06 16:44:49 字數 1395 閱讀 6891

示例:

<

!doctype html>

"en"

>

"utf-8"

>

radius<

/title>

"text/css"

>

divdiv:

:before

div:

:after

<

/style>

<

/head>

/div>

<

/body>

<

/html>

效果:

具體的每個屬性設定:

border-image-source屬性

概念:指定要使用的影象,而不是border-style屬性設定的邊框樣式;

語法:border-iamge-source:none|image;

border-image-slice屬性

概念:指定影象的邊界向內偏移;

語法: border-iamge-slice:number | % |fill;

border-image-width屬性

概念:指定影象邊界的寬度;

語法: border-iamge-width:number | % |auto;

border-image-outset屬性

概念:指定在邊框的外部繪製border-image-area的量 – 邊框區域;

語法:border-iamge-outset:number|length;

border-image-repeat屬性

概念:影象邊界是否會重複;

語法:border-iamge-repeat: stretch | repeat | round | initial | inherit;

示例:

<

!doctype html>

"en"

>

"utf-8"

>

borderimage<

/title>

"text/css"

>

div<

/style>

<

/head>

<

/div>

<

/body>

<

/html>

效果

HTML 從零開始的學習過程 1

1.html的概念 html hyper text markup language 超文字標記語言,使用一系列的標籤對文件 圖示以及其他資訊資源進行統一關聯。特點 1.不需要編譯,直接由瀏覽器執行 2.文字檔案 3.檔案字尾名為html 4.對大小寫不敏感。2.html基礎語法部分 基本結構 doc...

HTML 從零開始的學習過程(3)

結構 標題 caption 表頭 th 頭,內容居中顯示,加粗顯示 tr thead 主體 td 表體,預設靠左顯示,不加粗 tr tbody table 腳注 td 表體,預設靠左顯示,不加粗 tr tfoot body 屬性 frame 外部邊框樣式 void,不顯示外側邊框 above,顯示上...

HTML 從零開始的學習過程(5)

概念 css層疊樣式表 cascading style sheets 一種用來表現html或xml的語言。作用 結構與樣式分離的方式,便於後期的維護和修改 可以用多套樣式,使網頁有任意樣式切換的效果 使得頁面載入的更快,降低伺服器的成本。樣式分類 1.內部樣式 utf 8 document titl...