我目前正在建立一个网站,要求按钮在按钮的左侧有一个倾斜.该网站响应迅速,按钮也需要圆角.我也试图避免使用背景图像.
有人能告诉我这个解决方案吗?忽略按钮上的图标,我能够做到这一点.我只需要倾斜的一面.
body {
background: lightblue;
font-family: sans-serif;
}
div {
background: purple;
width: 200px;
padding: 30px;
border: 3px solid white;
color: white;
}Run Code Online (Sandbox Code Playgroud)
<div>Some Text</div>Run Code Online (Sandbox Code Playgroud)
我有一些我在这里找到的JavaScript,但我似乎无法让它工作.
我有一个id为'latest'的h1,如果少于21个字符,它应该有pt45类.
// The number of characters
var yourElement = $('h1.latest');
var charLength = yourElement.text().length;
if(charLength < 20){
yourElement.addClass('pt45');
}Run Code Online (Sandbox Code Playgroud)
.pt45 {
font-size: 10px;
color:red;
}Run Code Online (Sandbox Code Playgroud)
<h1 class="latest">123456789</h1>
<h1 class="latest">123456789123456789123456789123456789</h1>Run Code Online (Sandbox Code Playgroud)