css样式

	在这里插入代码片	
    <div class="color">渐变字体</div>
    <input type="text">
    <input type="radio" class="input_radio">
    <p class="word">No one’s born being good at all things. You become good at things through hard work. You’re not a varsity athlete the first time you play a new sport. You don’t hit every note the first time you sing a song.You’ve got to practice. The same principle applies to your schoolwork. You might have to do a math problem a few times before you get it right. You might have to read something a few times before you understand it.You definitely have to do a few drafts of a paper before</p>

在这里插入代码片
<style>
        /* 渐变变字体 */
        .color{
            background: linear-gradient(to top, red 0%, blue 100%);
            color: transparent;
            -webkit-background-clip: text;
        }
        /* 第一个文字设置 bold、颜色*/
        .color::first-letter{
            font-weight: bold;
            color: #ea2142;
        }
        /* 隐藏空元素 */
        .color:empty{
            display: none;
        }
        /* input 光标颜色 */
        input{
            caret-color: #ea2142;
        }

        /* radio css */
        .input_radio{
            accent-color: #675326;
        }
        /* 单词换行连接符 */
        .word{
            width: 150px;
            hyphens: auto;
        }
    </style>