欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css js控制文字

方一強2年前11瀏覽0評論

CSS和JS都可以用來控制網頁中的文字效果,下面分別介紹一下它們的應用。

CSS控制文字效果

/* 改變字體大小 */
p {
font-size: 20px;
}
/* 改變字體顏色 */
p {
color: red;
}
/* 改變字體樣式 */
p {
font-style: italic;
}
/* 改變字體粗細 */
p {
font-weight: bold;
}
/* 改變文字對齊方式 */
p {
text-align: center;
}
/* 改變文字間距 */
p {
letter-spacing: 0.1em;
}
/* 改變行高 */
p {
line-height: 2;
}

JS控制文字效果

// 獲取p標簽
var p = document.querySelector('p');
// 改變字體大小
p.style.fontSize = '20px';
// 改變字體顏色
p.style.color = 'red';
// 改變字體樣式
p.style.fontStyle = 'italic';
// 改變字體粗細
p.style.fontWeight = 'bold';
// 改變文字對齊方式
p.style.textAlign = 'center';
// 改變文字間距
p.style.letterSpacing = '0.1em';
// 改變行高
p.style.lineHeight = '2';

通過CSS和JS的控制,我們可以輕松地實現各種文字效果的變化,讓網頁更加美觀和易讀。