|HTML的应用技巧(一)

|HTML的应用技巧(一)

文章图片

|HTML的应用技巧(一)

文章图片

|HTML的应用技巧(一)

文章图片

|HTML的应用技巧(一)

文章图片

|HTML的应用技巧(一)

1.css三角形实现原理:如下图 , 我们要想实现下面的三角效果 , 需要如下三步操作:

第一步 , 设置一个宽度和高度均为0的盒子;
第二步 , 将该盒子的四个边框设置为透明;
第三步 , 将需要展示三角的一边 , 颜色单独设置;

2.html鼠标的四个状态1)cursor:default 默认的箭头模式
2)cursor:pointer 鼠标变为小手样式
3)cursor:text 鼠标变为可编辑的文本样式
4)cursor:move此光标指示某对象可被移动 。
5)cursor:not-allowed 禁止图标

3.取消表单轮廓的方法我们再新建表单的时候 , 在输入信息的时候总会有个蓝色的轮廓如下图 , 应该怎么去除呢?

方法:设置outline的值为none


4.取消文本框拖拽的方法我们再新建多行文本框的时候 , 会发现右下角是可以进行拖拽的 , 怎么禁止拖拽呢?
【|HTML的应用技巧(一)】
方法:设置resize的值为none


5.html图片后面的文字如何居中我们要想实现下图的效果 , 只需要将图片设置属性vertical-align: middle;即可实现


    相关经验推荐