鼠標(biāo)的樣式
-
<div style="cursor: default">默認(rèn)鼠標(biāo)的樣式</div> ? <div style="cursor: pointer">小手樣式</div> ? <div style="cursor: move">移動(dòng)樣式</div> ? <div style="cursor: text">文本樣式</div> ? <div style="cursor: not-allowed">禁止樣式</div> -
CSS用戶界面樣式
-
輪廓線outline
-
<style> input , textarea { ? ? ? ? ? outline: none;//也可以去掉邊框 ? ? ? } textarea { resize: none;//將輸出框的藍(lán)線去掉 } </style> <body> <input type="text"> <textarea name="" id="" cols="30" rows="10"><textarea>//這樣寫文字部分頂格擺放 </body> -
使圖片和文字對(duì)齊
-
vertical-align: baseline | top | middle | bottom
-
baseline 默認(rèn)元素設(shè)置在父元素的基線上
-
top把元素的頂端與行中最高元素的頂端對(duì)齊
-
middle把元素放置父元素的中部
-
bottom把元素的頂端與行中最低的元素的頂端對(duì)齊
-
這個(gè)用法限于行內(nèi)和行內(nèi)塊
?
-
添加視頻樣式
-
在網(wǎng)頁(yè)添加視頻
-
語(yǔ)法：< video src="文件地址" controls="controls" >< /video>
-
兼容性;
-
< video width="302" height="240" controls> <source src="影片的地址" type="video/mp4"> <source src="影片的地址" type="video/ogg"> </video> 
-
-
音頻語(yǔ)法：< audio src="文件地址" controls="controls" >< /audio>文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-726206.html
-
HTML5新增的表單屬性文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-726206.html
-
<style> ? ? ? input::placeholder { ? ? ? ? ? color: pink; ? ? ? } ? </style> </head> ? <body> ? <form action=""> ? ? ? <input type="search" name="" id="" required="required" placeholder="pink" autofocus="autofocus"> ? ? ? <input type="submit" value="提交"> ? </form>?
到了這里，關(guān)于CSS設(shè)置鼠標(biāo)樣式和添加視頻樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[HTML]Web前端開(kāi)發(fā)技術(shù)8（HTML5、CSS3、JavaScript ）CSS樣式屬性,withborder,italic | oblique,indent,padding,——喵喵畫網(wǎng)頁(yè)](https://imgs.yssmx.com/Uploads/2024/02/755873-1.png)
