CSS3样式
小破孩呦
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS3 实现 居中方式(水平&垂直)
1,水平居中:行内元素把行内元素放在一个属性块(display:block)元素中,然后设置父层元素属性居中:.test { text-align: center;}2,水平居中:块状元素设置外边距:.test { margin: 100px auto;}3,水平居中:多个块状元素把块状元素属性(display:inline-block),然后设置父层...翻译 2019-12-04 09:50:21 · 1838 阅读 · 0 评论 -
table 表格边框线去重
初始状态:解决办法:标签:<table class="define-table" border="1" cellpadding="1" cellspacing="1"> </table>样式:.define-table{ border-collapse:collapse; border-spacing:0; b...原创 2019-04-02 15:07:11 · 2143 阅读 · 0 评论 -
CSS3字体拉伸效果和字体间距
css文字垂直拉伸:transform: scale(1,3);-ms-transform: scale(1,3);-webkit-transform: scale(1,3);-moz-transform: scale(1,3);-o-transform: scale(1,3);字体间距设置:text-indent:2em; /*首行缩进2个字符*/letter-sp...原创 2018-12-25 17:04:30 · 8491 阅读 · 2 评论 -
img图片在div里边高度不能自动撑满解决办法
img图片在div里边高度不能自动撑满解决办法很简单,为啥没想到呢?????????只需要给img加一个样式 display:block;就可以了原创 2018-08-10 11:41:15 · 15419 阅读 · 1 评论 -
css实现文本超出部分显示省略号
主要CSS样式:overflow: hidden;white-space: nowrap;//规定段落中的文本不进行换行:text-overflow: ellipsis;//显示省略符号来代表被修剪的文本。-webkit-line-clamp: 2;//行数(2为第二行显示省略)多行省略display: -webkit-box;-webkit-box-orient: ve原创 2017-12-07 11:56:58 · 355 阅读 · 0 评论 -
CSS上划线、下划线、删除线等方法
text-decoration:underline; 下划线text-decoration:overline; 顶划线 text-decoration:line-through; 删除线原创 2017-12-07 13:34:56 · 60735 阅读 · 0 评论 -
CSS实现左右滑动菜单分类
Title .container-wrap { width: 100%; height: 50px; background-color: rgba(0,0,0,0.8); white-space: nowrap; overflow: hid原创 2017-12-07 11:07:33 · 9040 阅读 · 0 评论 -
css3背景色渐变方法
1、background: linear-gradient(red, blue);线性渐变 - 从上到下从顶部开始的线性渐变。起点是红色,慢慢过渡到蓝色:2、background: linear-gradient(to right, red , blue);线性渐变 - 从左到右从左边开始的线性渐变。起点是红色,慢慢过渡到蓝色:3、backg...原创 2017-11-27 17:05:31 · 2766 阅读 · 0 评论 -
css3 使用rgba实现透明背景色
background: rgba(122,191,238,0.5);第一个值:122是红色的值;第二个值:191是红色的值;第三个值:238是红色的值;第四个值:0.5是透明度的值;色值最小0,为黑色。色值最大255,为白色。取值范围为0-255。原创 2017-11-24 14:59:23 · 4511 阅读 · 0 评论 -
border边框线类型
border-style:dotted solid double dashed;dotted :上边框是点状solid:右边框是实线double:下边框是双线dashed:左边框是虚线原创 2017-11-21 16:00:37 · 3446 阅读 · 0 评论 -
CSS3去除点input、button击后的出现的边框
css input 如何去掉点击后出现的边框在标签样式加上以下样式即可:outline: none;原创 2017-11-03 16:10:50 · 4010 阅读 · 0 评论 -
禁止textarea拉伸
style="resize:none"原创 2017-11-07 09:59:26 · 1074 阅读 · 0 评论
分享