介绍
这篇文章主要介绍怎么利用纯CSS改变html页面效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
CSS代码:
输入(type=复选框){ margin-right: 5 px; 光标:指针; 字体大小:14 px; 宽度:15 px; 高度:12 px; 位置:相对; } {后输入(type=复选框): 位置:绝对的; 宽度:10 px; 高度:15 px; 上图:0; 内容:““; background - color: # ff0000; 颜色:# fff; 显示:inline-block; 可见性:可见; 填充:0 px 3 px; border - radius: 3 px; } 输入(type=复选框):{后检查: 内容:“?“ 字体大小:12 px; } 输入(type=无线电){ margin-right: 5 px; 光标:指针; 字体大小:14 px; 宽度:15 px; 高度:12 px; 位置:相对; } 后输入(type=无线电):{ 位置:绝对的; 宽度:10 px; 高度:15 px; 上图:0; 内容:““; background - color: # ff0000; 颜色:# fff; 显示:inline-block; 可见性:可见; 填充:0 px 3 px; 这个特性:50%; } 输入(type=无线电):{前检查: 内容:“?“ 显示:块; 位置:相对; 上图:2 px; 左:3 px; 宽度:6 px; 身高:6 px; 颜色:# fff; 粗细:400; z - index: 1; }
HTML示例:
& lt;输入类型=癱heckbox"name=癿ethod"值=https://www.yisu.com/zixun/?“检查> +
-
和
-
以上是怎么利用纯CSS改变html页面效果的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!