如何实现点击按钮复制内容或者代码？

大家好，我刚学建站，最近在捣鼓用WP做一个网站，知识储备是会修改主题函数，会基本的html和CSS编写，但是还不会Javascript，最近找到一个网站，点击按钮就可以复制对应按钮的CSS代码，请问大家这个功能具体怎么实现的？我也想在我的小站上使用

该网站地址:https://gradientbuttons.colorion.co/

如果有人回答的话考虑下我的知识储备😂，尽量详细一点点，谢谢哈！

原生剪贴板 https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard

https://blog.csdn.net/qq_44749901/article/details/125425613
获取元素的style
执行浏览器复制事件
直接百度 js获取元素样式

参考这个
http://t.zoukankan.com/guohu-p-9764869.html

// 传入想复制的内容就可以了
link(data) {
      let url = data || '暂无链接'
      let oInput = document.createElement('input')
      oInput.value = url
      document.body.appendChild(oInput)
      oInput.select() // 选择对象;

      document.execCommand('Copy') // 执行浏览器复制命令
      this.$message({
        message: '复制成功',
        type: 'success'
      })
      /// 复制成功后再将构造的标签 移除
      oInput.remove()
    },