|HTML的應(yīng)用技巧(一)

文章圖片

文章圖片

文章圖片

文章圖片

1.css三角形實(shí)現(xiàn)原理:如下圖 , 我們要想實(shí)現(xiàn)下面的三角效果 , 需要如下三步操作:
第一步 , 設(shè)置一個(gè)寬度和高度均為0的盒子;
第二步 , 將該盒子的四個(gè)邊框設(shè)置為透明;
第三步 , 將需要展示三角的一邊 , 顏色單獨(dú)設(shè)置;
2.html鼠標(biāo)的四個(gè)狀態(tài)1)cursor:default 默認(rèn)的箭頭模式
2)cursor:pointer 鼠標(biāo)變?yōu)樾∈謽邮?br />
3)cursor:text 鼠標(biāo)變?yōu)榭删庉嫷奈谋緲邮?br />
4)cursor:move此光標(biāo)指示某對(duì)象可被移動(dòng) 。
5)cursor:not-allowed 禁止圖標(biāo)
3.取消表單輪廓的方法我們?cè)傩陆ū韱蔚臅r(shí)候 , 在輸入信息的時(shí)候總會(huì)有個(gè)藍(lán)色的輪廓如下圖 , 應(yīng)該怎么去除呢?
方法:設(shè)置outline的值為none
4.取消文本框拖拽的方法我們?cè)傩陆ǘ嘈形谋究虻臅r(shí)候 , 會(huì)發(fā)現(xiàn)右下角是可以進(jìn)行拖拽的 , 怎么禁止拖拽呢?
【|HTML的應(yīng)用技巧(一)】
方法:設(shè)置resize的值為none
5.html圖片后面的文字如何居中我們要想實(shí)現(xiàn)下圖的效果 , 只需要將圖片設(shè)置屬性vertical-align: middle;即可實(shí)現(xiàn)
相關(guān)經(jīng)驗(yàn)推薦
- MacBook Air|搶先了解將搭載于新款MacBook Air上的M2 SoC到底表現(xiàn)如何?
- CPU|多款2021年發(fā)布的旗艦,全部跌至2000元以內(nèi),收割千元手機(jī)市場(chǎng)
- 酷睿處理器|蘋果悄然上架新iPhone,僅2000出頭的售價(jià),庫(kù)克卻被質(zhì)疑唯利是圖
- vivo NEX|「先見」聊聊即將在 3 月發(fā)布的 vivo NEX 5
- 紅米手機(jī)|K50宇宙發(fā)布在即,匯總一下目前網(wǎng)上的消息
- 小米科技|小米早期的粉絲是如何獲取的?我們能不能學(xué)小米獲客!
- |一部手機(jī)的壽命是多少,能用多長(zhǎng)時(shí)間? 哪個(gè)軟件最影響手機(jī)的速度
- 藍(lán)牙耳機(jī)|情人節(jié)女生喜歡收到什么禮物?佩戴舒適的藍(lán)牙耳機(jī)推薦
- 相機(jī)|為什么 Android 們的相機(jī)不愿用大底了?
- |一文搞懂傻傻分不清的手機(jī)攝像頭CMOS——豪威篇
