Html 如何创建一侧倾斜的div
在div里面会有一些文本,我应该能够将div的高度和宽度设置为auto,这样它就会根据里面的文本调整大小。 倾斜角度为45度* 试试这个 CSSHtml 如何创建一侧倾斜的div,html,css,css-shapes,Html,Css,Css Shapes,在div里面会有一些文本,我应该能够将div的高度和宽度设置为auto,这样它就会根据里面的文本调整大小。 倾斜角度为45度* 试试这个 CSS .bar { height: 100px; width: 300px; background: #BC5859; display:inline-block; position: relative } .bar:before { display:inline-block; position: ab
.bar {
height: 100px;
width: 300px;
background: #BC5859;
display:inline-block;
position: relative
}
.bar:before {
display:inline-block;
position: absolute;
content:"";
border-left: 100px solid #BC5859;
border-bottom: 100px solid transparent;
height: 0;
width: 0px;
right: -100px;
top:0;
}
检查您需要使用:之后。演示: