2021-12-10zhaods閱讀(1084)贊(0)

方法：1、給圖片元素添加“transform:scale(橫向縮放值,豎向縮放值)”樣式將圖片放大；2、利用overflow屬性將圖片元素放大后溢出的部分隱藏起來(lái)，語(yǔ)法為“圖片元素的父元素{overflow:hidden;}”。 本教程操作...

2021-12-10xiaoxiami閱讀(497)贊(0)

方法：1、利用“animation:名稱 時(shí)間”樣式給圖片元素綁定動(dòng)畫；2、利用“@keyframes 名稱{50%{transform:rotate(旋轉(zhuǎn)角度值);}}”語(yǔ)句，設(shè)置圖片旋轉(zhuǎn)的動(dòng)畫動(dòng)作，實(shí)現(xiàn)圖片旋轉(zhuǎn)又反轉(zhuǎn)回來(lái)的效果。 本教程...

2021-12-10xiaoxiami閱讀(1616)贊(0)

css中margin和padding的區(qū)別是：margin是指從自身邊框到另一個(gè)容器邊框之間的距離，也就是容器的外邊距；padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離，也就是容器的內(nèi)邊距。 本教程操作環(huán)境：windows10系...

2021-12-10zhaods閱讀(733)贊(0)

方法：1、用“表格元素{border-top-color:transparent}”語(yǔ)句設(shè)置上邊框顏色透明，進(jìn)而隱藏表格上邊框；2、用“表格元素{border-top-style:none}”語(yǔ)句讓表格元素沒(méi)有上邊框，也就是隱藏表格上邊框。...

2021-12-10zhaods閱讀(608)贊(0)

方法：1、用“圖片元素{animation:名稱 時(shí)間}”語(yǔ)句給圖片元素綁定滑動(dòng)動(dòng)畫；2、用“@keyframes 名稱{0%{transform:translateX(-滑動(dòng)距離)}}”語(yǔ)句設(shè)置滑動(dòng)動(dòng)畫的動(dòng)作，讓圖片慢慢滑入出現(xiàn)即可。 本...

2021-12-10zhaods閱讀(1029)贊(0)

方法：1、給文字元素的父元素添加“position:relative”樣式將其設(shè)置為絕對(duì)定位樣式；2、給文字元素添加“position:absolute;bottom:0”樣式，將文字元素設(shè)置為相對(duì)定位樣式，并使文字元素靠下排列。 本教程操...

2021-12-10xiaoxiami閱讀(671)贊(0)

方法：1、利用span標(biāo)簽將需要改變格式的文字包裹起來(lái)，語(yǔ)法為“指定文字”；2、利用選擇器選中指定的span標(biāo)簽元素，并設(shè)置不同的樣式即可，語(yǔ)法為“span對(duì)象{css屬性,屬性值;}”。 本教程操作環(huán)境：windows10系統(tǒng)、CSS3&...

2021-12-10zhaods閱讀(623)贊(0)

css中img元素設(shè)置高寬的方法：1、利用width屬性設(shè)置img元素的寬度，語(yǔ)法為“img{width:寬度值;}”；2、利用height屬性設(shè)置img元素的高度，語(yǔ)法為“img{height:高度值;}”。 本教程操作環(huán)境：window...

2021-12-09xiaoxiami閱讀(686)贊(0)

css圖片翻轉(zhuǎn)代碼為“元素{animation:名稱 時(shí)間}@keyframes 名稱{100%{transform:rotateY(翻轉(zhuǎn)角度)}}”；animation屬性可給元素綁定翻轉(zhuǎn)動(dòng)畫，keyframes規(guī)則可設(shè)置動(dòng)畫的翻轉(zhuǎn)動(dòng)作。...

2021-12-09xiaoxiami閱讀(645)贊(0)

css設(shè)置橫線陰影的方法：1、給元素添加“width:橫線長(zhǎng)度值;height:橫線粗細(xì)值;background:橫線顏色”樣式來(lái)繪制橫線；2、給橫線元素添加“box-shadow:水平陰影位置 垂直陰影位置;”樣式設(shè)置橫線元素的陰影即可。...