CSS 参考手册
实例
使 h2 元素横跨所有列:
h2
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}
亲自试一试
页面底部有更多实例。
浏览器支持
...
AI君
2年前 (2020-02-24) 52℃
0喜欢
CSS3 column-rule-width 属性
实例
指定列之间的宽度规则:
div{column-rule-width:10px;-moz-column-rule-width:10px; /* Firefox */...
AI君
2年前 (2020-02-24) 59℃
0喜欢
CSS3 column-rule-style 属性
实例
指定列之间的样式规则:
div{column-rule-style:dotted;-moz-column-rule-style:dotted; /* Firefo...
AI君
2年前 (2020-02-24) 58℃
0喜欢
CSS3 column-rule-color 属性
实例
指定列之间的颜色规则:
div{column-rule-color:#ff0000;-moz-column-rule-color:#ff0000; /* Fire...
AI君
2年前 (2020-02-24) 58℃
0喜欢
CSS3 column-rule 属性
实例
指定列之间的规则:宽度,样式和颜色:
div{column-rule:3px outset #ff00ff;-moz-column-rule:3px outset #ff00...
AI君
2年前 (2020-02-24) 57℃
0喜欢
CSS 参考手册
实例
规定列间的间隔为 40 像素:
div
{
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari 和 Chrome */...
AI君
2年前 (2020-02-24) 52℃
0喜欢
CSS 参考手册
实例
规定如何对列进行填充:
div
{
column-fill:auto;
}
浏览器支持
主流浏览器都不支持 column-fill 属性。
定义和用法
属性
co...
AI君
2年前 (2020-02-24) 49℃
0喜欢
CSS 参考手册
实例
将 div 元素中的文本分为三列:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari 和 Chrome */
...
AI君
2年前 (2020-02-24) 49℃
0喜欢
CSS color 属性
实例
不同元素设置text-color:
body
{
color:red;
}
h1
{
color:#00ff00;
}
p
{
color:rgb(0,0,255);
}
属性定义及使用说...
AI君
2年前 (2020-02-24) 55℃
0喜欢
CSS clip 属性
实例
裁剪一张图像:
img
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
属性定义及使用说明
如果图像大于包含它的...
AI君
2年前 (2020-02-24) 52℃
0喜欢
CSS clear 属性
实例
指定段落的左侧或右侧不允许浮动的元素:
img{float:left;}p.clear{clear:both;}
本页底部查看更多实例。
属性定义及使用说明
clear属性指定段落...
AI君
2年前 (2020-02-24) 52℃
0喜欢
CSS caption-side 属性
实例
指定表格标题的位置:
caption{caption-side:bottom;}
属性定义及使用说明
Tcaption-side 属性设置表格标题的位置。
默认...
AI君
2年前 (2020-02-24) 51℃
0喜欢
CSS 参考手册
实例
为表格设置 border-spacing:
table
{
border-collapse:separate;
border-spacing:10px 50px;
}
亲自试一试
浏览器支...
AI君
2年前 (2020-02-24) 53℃
0喜欢
CSS border-right-width 属性
实例
设置右边框的宽度:
p {border-style:solid;border-right-width:15px;}
属性定义及使用说明
border-ri...
AI君
2年前 (2020-02-24) 57℃
0喜欢
CSS border-right-style 属性
实例
设定右边框的样式:
p {border-style:solid;border-right-style:dotted;}
属性定义及使用说明
border-...
AI君
2年前 (2020-02-24) 56℃
0喜欢
CSS border-right-color 属性
实例
设定右边框的颜色:
p {border-style:solid;border-right-color:#ff0000}
属性定义及使用说明
border...
AI君
2年前 (2020-02-24) 75℃
0喜欢
CSS border-right 属性
实例
设置右边框的样式:
p
{
border-style:solid;
border-right:thick double #ff0000;
}
属...
AI君
2年前 (2020-02-24) 55℃
0喜欢
CSS 参考手册
实例
向 div 元素添加圆角边框:
div
{
border:2px solid;
border-radius:25px;
}
亲自试一试
页面底部有更多实例。
浏览器支持
属性
bord...
AI君
2年前 (2020-02-24) 58℃
0喜欢
CSS 参考手册
实例
规定图像边框的向内偏移:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
浏览器支持
属性
...
AI君
2年前 (2020-02-24) 52℃
0喜欢
CSS border-left-width 属性
实例
设置左边框的宽度:
p {border-style:solid;border-left-width:15px;}
属性定义及使用说明
border-left...
AI君
2年前 (2020-02-24) 56℃
0喜欢