sách gpt4 ăn đã đi

html - Văn bản có dòng trắng ở giữa CSS

In lại 作者:搜寻专家 更新时间:2023-10-31 22:19:06 30 4
mua khóa gpt4 giày nike

我的任务是制作漂亮的文本,在文本中间加一条白线,如下图所示。是否可以使用 CSS 来实现?这是 Fiddle

nhập mô tả hình ảnh ở đây

.container{
height:200px;
width:400px;
background-color:#EB8A1C;
}

.container h1{
color:#2CDB1D;
căn chỉnh văn bản: ở giữa;
padding-top:40px;
font-size:400%;
}

filosofia


câu trả lời hay nhất

你可以用 SVG 做到这一点和 Linear Gradient .这是另一个 Demo

svg {
viền: 1px màu đen đặc;
background: #EB8A1C;
}

text {
cỡ chữ: 30px;
font-weight: đậm;
}











LOREM IPSUM

还有另一种方法可以对具有 position: absolute 的重叠元素执行此操作并修复了 chiều cao最重要的部分是overflow: hiddenhiện hữu khoảng cáchcủa

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

.text {
chiều rộng: 200px;
height: 50px;
đệm: 10px;
background: #EB8A1C;
màu sắc: trắng;
vị trí: tương đối;
hiển thị: khối nội tuyến;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

span {
font-size: 45px;
left: 20px;
vị trí: tuyệt đối;
tràn: ẩn;
}

span:nth-child(1) {
color: #A5DE4A;
height: 50;
}

span:nth-child(2) {
màu sắc: trắng;
height: 33px;
}

span:nth-child(3) {
color: #A5DE4A;
height: 29px;
}

filosofia
filosofia
filosofia

关于html - 中间 CSS 中带有白线的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36155556/

30 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress