外鏈式引用CSS的方法通常包括以下幾種：

<li><a href="style.css">CSS樣式表1</a></li>

<li><a href="style.css">CSS樣式表2</a></li>

<li><a href="style.css">CSS樣式表3</a></li>

</ul>

2. 使用偽類

<input type="text" style="background-color: #f00; color: #000; font-size: 14px; font-weight: bold;padding: 8px; width: 100px; height: 100px;">

<input type="text" style="background-color: #000; color: #f00; font-size: 14px; font-weight: bold;padding: 8px; width: 100px; height: 100px;">

<input type="text" style="background-color: #f00; color: #000; font-size: 14px; font-weight: bold;padding: 8px; width: 100px; height: 100px;"><br>

<input type="text" style="background-color: #000; color: #f00; font-size: 14px; font-weight: bold;padding: 8px; width: 100px; height: 100px;"><br>

3. 使用屬性值

<input type="text" style="width: 100px; height: 100px;padding: 8px; background-color: #f00; color: #000; font-size: 14px; font-weight: bold;">

在這個例子中，只使用了 width、height、padding、background-color 和 color 屬性。