CSS文本框后面帶紅x，是一種常見的UI設計效果。這種效果通常用于表示用戶輸入的內容不合法或無效，需要重新輸入。要實現這種效果，可以使用以下代碼：

input[type="text"]:invalid {
border: 1px solid red;
}
input[type="text"]:invalid:after {
content: "x";
color: red;
font-size: 12px;
position: absolute;
right: 5px;
top: 3px;
}

上述代碼使用了CSS偽類選擇器，對類型為"text"且無效(invalid)的文本框樣式進行了定義。首先，設置了文本框的邊框樣式為1像素紅色實線邊框。然后，使用偽元素":after"在文本框后面添加了一個紅色的"x"，并進行了定位和樣式設置。

需要注意的是，該效果需要在支持HTML5表單驗證的瀏覽器中才能生效。如果需要在老舊的瀏覽器中使用該效果，可以借助JavaScript實現。