html圖片旋轉(zhuǎn)代碼 如何把一張照片背景不動(dòng),人物旋轉(zhuǎn)90度?
如何把一張照片背景不動(dòng),人物旋轉(zhuǎn)90度?1. 首先,準(zhǔn)備一個(gè)包含兩張圖片的HTML文檔,然后旋轉(zhuǎn)這兩張圖片。2. 然后為HTML中的內(nèi)容定義一些樣式,如下圖所示,主要是title和UL樣式。3. 接下
如何把一張照片背景不動(dòng),人物旋轉(zhuǎn)90度?
1. 首先,準(zhǔn)備一個(gè)包含兩張圖片的HTML文檔,然后旋轉(zhuǎn)這兩張圖片。
2. 然后為HTML中的內(nèi)容定義一些樣式,如下圖所示,主要是title和UL樣式。
3. 接下來(lái),定義圖像的寬度和高度,如下圖所示。
4. 然后為圖像設(shè)置過(guò)渡效果,并使用過(guò)渡屬性進(jìn)行過(guò)渡,如下圖所示。
5. 當(dāng)鼠標(biāo)懸停在圖像上時(shí),通過(guò)rotate為其設(shè)置變形,如下圖所示。正數(shù)表示順時(shí)針?lè)较?,?fù)數(shù)表示逆時(shí)針?lè)较颉?/p>
6. 最后,運(yùn)行程序,您會(huì)看到如下圖所示的效果,鼠標(biāo)在圖片上會(huì)順時(shí)針或逆時(shí)針旋轉(zhuǎn)。
html設(shè)置標(biāo)題的標(biāo)簽?
HTML標(biāo)題設(shè)置有六個(gè)標(biāo)記:
<h1>這是標(biāo)題1</H1>
<h2>這是標(biāo)題2</H2>
<h3>這是標(biāo)題3</H3>
<h4>這是標(biāo)題4</H4>
<h5>這是標(biāo)題5</H5>
<h6>這是標(biāo)題6</H6>