摘要：CSS中的邊框樣式，課程中主要是講了border屬性的使用，第一是有邊框線的一個(gè)使用方式；第二個(gè)是邊框圓角的實(shí)現(xiàn)；第三個(gè)是邊框陰影的實(shí)現(xiàn)。  第一：邊框線的使用方式是border中的三個(gè)屬性，border：邊框的像素、邊框的類型、邊框的顏色；邊框的類型主要是有solid（實(shí)線）、double（雙線邊框）、dashed（虛線）、dotted（圓點(diǎn)虛線），較常用的是實(shí)線邊框的使用；而在操作中

CSS中的邊框樣式，課程中主要是講了border屬性的使用，第一是有邊框線的一個(gè)使用方式；第二個(gè)是邊框圓角的實(shí)現(xiàn)；第三個(gè)是邊框陰影的實(shí)現(xiàn)。

  第一：邊框線的使用方式是border中的三個(gè)屬性，border：邊框的像素、邊框的類型、邊框的顏色；邊框的類型主要是有solid（實(shí)線）、double（雙線邊框）、dashed（虛線）、dotted（圓點(diǎn)虛線），較常用的是實(shí)線邊框的使用；而在操作中常常會(huì)使用單邊框線的一個(gè)操作，可以用border-top等去實(shí)現(xiàn)單邊框的一個(gè)操作。

  第二：邊框圓角的實(shí)現(xiàn)是border-redious去實(shí)現(xiàn)一個(gè)邊框圓角化的使用，可以設(shè)定圓角框的程度，根據(jù)實(shí)際需求是使用；

  第三：邊框陰影的實(shí)現(xiàn)是box-shadow去實(shí)現(xiàn)，box-shadow: x軸、y軸、陰影的像素、顏色；

這個(gè)是實(shí)現(xiàn)外部邊框陰影的操作，如果要實(shí)現(xiàn)內(nèi)部陰影的操作，在后面添加個(gè)inset屬性即可實(shí)現(xiàn)，也可以單獨(dú)對(duì)x軸方向或者y軸方向去實(shí)現(xiàn)陰影邊框的一個(gè)操作。

批改老師：查無(wú)此人批改時(shí)間：2019-05-13 09:29:17
老師總結(jié)：完成的不錯(cuò)，樣式寫的好，頁(yè)面就會(huì)漂亮。繼續(xù)加油。