CSS设置鼠标样式和添加视频样式

最新推荐文章于 2024-02-01 10:12:36 发布

BoyBoy!

最新推荐文章于 2024-02-01 10:12:36 发布

阅读量537

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/Yyds12300/article/details/133761809

版权

鼠标的样式

<div style="cursor: default">默认鼠标的样式</div>
    <div style="cursor: pointer">小手样式</div>
    <div style="cursor: move">移动样式</div>
    <div style="cursor: text">文本样式</div>
    <div style="cursor: not-allowed">禁止样式</div>

CSS用户界面样式
轮廓线outline

<style>
 input , textarea {
           outline: none;//也可以去掉边框
       }
 textarea {
    resize: none;//将输出框的蓝线去掉
 }
</style>
<body>
<input type="text">
<textarea name="" id="" cols="30" rows="10"><textarea>//这样写文字部分顶格摆放
</body>

使图片和文字对齐
vertical-align: baseline | top | middle | bottom
baseline 默认元素设置在父元素的基线上
top把元素的顶端与行中最高元素的顶端对齐
middle把元素放置父元素的中部
bottom把元素的顶端与行中最低的元素的顶端对齐
这个用法限于行内和行内块

添加视频样式

在网页添加视频
语法：< video src="文件地址" controls="controls" >< /video>
兼容性;

< video width="302" height="240" controls>
<source src="影片的地址" type="video/mp4">
<source src="影片的地址" type="video/ogg">
</video>

音频语法：< audio src="文件地址" controls="controls" >< /audio>
HTML5新增的表单属性

<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>

BoyBoy!

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS设置鼠标样式和添加视频样式

CSS用户界面样式轮廓线outline使图片和文字对齐baseline 默认元素设置在父元素的基线上top把元素的顶端与行中最高元素的顶端对齐middle把元素放置父元素的中部bottom把元素的顶端与行中最低的元素的顶端对齐这个用法限于行内和行内块。
复制链接

扫一扫