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的控制,我們可以輕松地實現各種文字效果的變化,讓網頁更加美觀和易讀。
上一篇css3多列布局間隙
下一篇css3多列教學