18910140161

CSS-如何在HTML中创建预期的按钮?-堆栈溢出

顺晟科技

2022-10-19 11:35:36

247

第一个图像是在Python在线课程中捕获的。第二张照片是在我自己的网站上拍摄的。我想模仿这个网站练习HTML/CSS技能。我想知道的是如何创建预期的按钮。感谢您的答复。

/*Here is my CSS code, which is unfinished.*/
.Matter a:hover{
    background-color: rgb(230,230,230);
}





<!-- Here is my HTML code -->
<div class='Matter'>
    <h1>Welcome to the Capstone</h1>
        <p><a href='#'><b>Video:</b> Introduction: Welcome to the Class</a></p>
        <p><a href='#'><b>Reading:</b> Capstone Overview</a></p>
        <p><a href='#'><b>Reading:</b> Help Us Learn More About You!</a></p>
</div>


顺晟科技:

让我们一步一步地处理您的问题:

  1. 链接样式:我们将添加一些paddingtext demorialdisplay进行全幅链接。
  1. 添加悬停样式:
  1. 添加:我们需要使用CSS伪元素在链接前面添加复选标记。为了在复选标记周围添加绿色圆圈,我们使用了一些边距、填充、边框半径、背景、颜色和position调整复选标记圆圈位置。

以下是完整的解决方案。您可以随心所欲地玩它。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航