html css
要成为光的女人
这个作者很懒,什么都没留下…
展开
-
自定义修改 input 表单类型radio 、checkbox
我们可以使用一个choose作为 容器,input 原有表单隐藏掉,利用labal 标签 继承的关系来自定义效果。将lable 定位到 input 的位置,根据label 自定义实现复选框效果。html 代码如下, input 的id值一定是与 label 对应的。首先我们可以拿checkbox 复选框 来举例子。给 父级盒子choose 做一个相对定位。给自定义的复选框设置选中后的背景颜色。给 原来的表单类型更改大小并隐藏。原创 2023-03-07 22:54:29 · 237 阅读 · 0 评论 -
首行缩进,文字之间的间距
1.text-indent 首行缩进 :text-indent 可以取负值; text-indent 属性只对第一行起作用2.letter-spacing 字间距 控制文字和文字之间的间距原创 2022-05-25 21:33:01 · 192 阅读 · 0 评论 -
table 表格属性
1.宽度 width2.高度 height3.边框 border4.边框颜色 bordercolor5.背景颜色 bgcolor6.cellspacing="单元格与单元格之间的间距"7.cellpadding="单元格与内容之间的空隙"8.水平对齐:align="left"或 right 或center表格合并:1.Colspan="所要合并大单元格的列数",必须给td2.Rowspan="所要合并大单元格的行数",必须给td...原创 2022-05-25 21:24:49 · 1227 阅读 · 0 评论 -
css渐变移动端显示超过可是区域渐变重复问题,产生断层的现象的解决
1.可设置background-attachment 属性:定义背景图片随滚动轴的移动方式属性值:scroll背景图片随着页面的滚动而滚动fixed背景图片不会随着页面的滚动而滚动。local背景图片会随着元素内容的滚动而滚动。initial设置该属性的默认值。page{height: 100vh;background-image:linear-gradient( #DC1010, #f4f4f4,#f4f4f4);max-height: 100%;background-...原创 2022-05-07 21:52:25 · 735 阅读 · 0 评论 -
css 解决当行文字超出隐藏,并且用省略号表示
1.起核心原理就是要给当前区域设置一个宽度,在利用css一些属性:overflow: hidden 超出当前宽度隐藏white-space: nowrap; 超出不换行text-overflow: ellipsis; 超出省略号表示最初的效果如下:现在优化之后效果如下所示:核心代码如下:html:<view class="the-winners-item"><image></image><text>爱迪生造就灯..原创 2022-05-06 16:27:51 · 391 阅读 · 0 评论 -
利用css 画三角形
1.先画一个正方形2.在定义4条边框,你想那个三角形朝哪个方向就给那条边框定义颜色,其余边框颜色设置透明。transparent :透明<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor原创 2022-04-29 10:23:12 · 183 阅读 · 0 评论