-
圆边从左上角开始,顺时针 border-radius:50px 0px 0px 50px;查看全部
-
border-radius: 5px 4px 3px 2px; 圆角查看全部
-
display: flex; flex-direction: column; flex-direction: row; 弹性布局查看全部
-
textarea{ resize: both; } 文本域自由缩放查看全部
-
jilu查看全部
-
元素左上角定义为0 0查看全部
-
<div class="wrapper"> 我不知道我的宽度和高是多少,我要实现水平垂直居中 </div> <div class="wrapper"> 我不知道我的宽度和高是多少,我要实现水平垂直居中 </div> 这个例子先将原本的div位置固定到top:50%;left:50%; 此时并没有实现真正的垂直居中,div的上边和左边正好在50%的地方,而自身的宽高还需要再去移动,所以transform:translate(-50%,-50%);查看全部
-
text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 text-overflow:clip;到边界处文本的溢出直接剪切掉,有可能字被切得只剩一半 text-overflow:ellipsis;文本溢出的用省略号,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果 word-wrap用来设置文本行为,当前行超过指定容器的边界时是否断开转行。 word-wrap:normal;控制连续文本换行 word-wrap:break-word;内容在边界换行(长单词、URL地址内部换行)查看全部
-
background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...查看全部
-
CSS3边框 阴影 box-shadow(二) 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量为负数: .boxshadow-outset{ width:100px; height:100px; box-shadow:-4px 4px 6px #666; }查看全部
-
CSS3边框 阴影 box-shadow(一) box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; .box_shadow{ box-shadow:4px 2px 6px #333333; } inset: 为内部阴影查看全部
-
CSS3边框 圆角效果 border-radius 使用方法: border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。查看全部
-
:only-child查看全部
-
:empty查看全部
-
:not 伪类选择器查看全部
举报
0/150
提交
取消