3

このようなUIカードでユーザーリストを作成しようとしていますが、

<style type="text/css">
    .userbox {
        left: 36px;
        color: black;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
        width: 300px;
        height: 150px;
        text-indent: 30px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    }

    .userbox:hover {
        background-color: #d1e7cd;
    }

    img {
        border-radius: 5%;
    }
</style>

これらの HTML 要素を動的に生成したいのですが、

<div class="userbox"></div>

どうやってやるの?Div オブジェクトを作成してスタイルを追加しようとしましたが、Vaadin Flow で方法が見つかりませんでした。

4

2 に答える 2