Shulou(Shulou.com)06/02 Report--

Editor to share with you how to design dreamweaver color text links, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Effect description

When you place the mouse over the text, the text style will change, such as no underlining, text flashing, and so on. Combined with other style attributes, you can also achieve button text links, as shown in the figure.

Specific operation steps:

Step 1 Primary Link Styl

There are five types of decorations in the Type suboption in the CSS style definition Settings dialog box. By clicking on different modifiers, you can easily set different primary link styles, as shown in figure 1. Let's take the "none" underscore setting as an example, and the settings of other styles are similar to this example.

1. Create a CSS style sheet file. Press the Shift+F11 key to open the CSS style panel, click the [New style] button, click the [Advanced (ID, context selector, etc.)] option in the pop-up [New CSS style] dialog box, then select [a:link] in the selector drop-down menu, and click the [OK] button, as shown in figure 2.

2. Edit the style. After you save the stylesheet file (named css.css), start editing the style. Set the default link style to no underscore, font to Song 12pt, other colors and other parameters are not set, as shown in figure 3.

3. Create and set the style ".t1". Click the [New style] button again, in the [New CSS style] dialog box, click [Class (can be applied to any label)] option, define your own style class, and then set the name to ".t1" ([name] text box is used to specify the class, the user can fill in as needed, its format is ". *"), and finally click [define in css.css], and click [OK] after everything is set. The next settings are the same as in the second step, and then click OK, as shown in figure 4.

The above is all the content of the article "how to design color text links in dreamweaver". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.