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

This article mainly introduces how to make the attention button in Dreamweaver CC2019, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let's take a look at it.

1. Start the Dreamweaver software and create a new html document.

2. Add the code that introduces CSS to the head tag []. Write a div tag in body []

3. Introduce a CSS to DIV and add CSS attribute code to DIV to set width, height and background color. Save the refresh page to see the effect. The code is as follows:

.css {width: 200pxmith height: 50pxShield display: block;color: # fff;background: # ff0000;font-size: 24pxTracheet height: 50pxtranstextripalign: center;} Click to follow

4. Add the hyperlink code to the a tag and replace the empty link with [#].

Click to follow

Then add a fillet style:

Border-radius: 25pxtern textparty decoration: none

Finally, replace the [#] sign with a link, so you are done adding a hyperlink to the button.

Thank you for reading this article carefully. I hope the article "how to make the attention button in Dreamweaver CC2019" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and follow the industry information channel. More related knowledge is waiting for you to learn!

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.