-1

我如何在我的超链接图像中添加斜角，因为它不断向下移动？需要斜面内部图像，因为它不断移动！我将非常感谢任何建议...

需要斜面内部图像，因为它不断移动！我将非常感谢任何建议...

谢谢斯图尔特

body {
    background-color: #6B6B6B;
    margin-top: 100px;
    margin-left: 0px;
    
    font-family: Arial;
    color: #D7D7D7;
    font-size: 12px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}   
    .vids {
    position: fixed;
    top: 100px;
    left: 100px;
}
    /*............... border on hover (with bevel)...............*/
    
    .border {
    border: solid 0px #02eee7;
    transition: border-width 0.2s linear;
}
    .border:hover { 
    border-width: 5px;
    }
  /*............... bevels ...............*/
    img#bevel {
    border-radius: 20px;
}
    /*........ soft-lightup on hover ........*/
    
    a { 
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
    /*......................................*/
    
    a:link {
    text-decoration: none;
    color: #8f8f8f;
}
    a:visited {
    text-decoration: none;
    color: #8f8f8f;
}
    a:hover {
    color: #02eee7;
    text-decoration: none;
}
    a:active {
    text-decoration: none;
    color: #8f8f8f;
}
<div class="vids" align="center">
<a href="vid1.htm"><img src="http://wizzfree.com/pix/vid00.png" class="border" id="bevel" width="150" height="100"/></a><p></p>
<b>10 Tips</b><p>01 Link title text here</p>
<p></p>
</div>

4

1 回答 1

0

我认为您的图像是方形的。也许你可以用盒子阴影做一个向内向外的增长？虽然是的，但它更长，或者你可以做定位。Solid 作为边框样式与 Outset 不同，所以也许我没有得到你的图片。

box-shadow: 
inset 2px 2px 0 #02eee7,
inset -2px 2px 0 #02eee7,
3px 3px 0 #02eee7,
-3px 3px 0 #02eee7,
/* and so on */
;
于 2020-09-14T19:32:53.733 回答