Button Maker<\/a> – A free resource for generating the CSS for link buttons.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"You are probably well acquainted with how links looks without any styling at all. That blue. That underline. That’s a link in it’s purest form. But what if we want to change things up a bit? Perhaps blue doesn’t work with your website’s design. Maybe you have an aversion to underlines. Whatever the reason, CSS lets us style links just like any other element.<\/p>\n","protected":false},"author":2508,"featured_media":267367,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_share_on_mastodon":"0","_share_on_mastodon_status":"%title% %permalink%"},"categories":[4],"tags":[1488,1384,1331],"class_list":["post-266368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","tag-buttons","tag-css-basics","tag-links"],"acf":{"show_toc":"No"},"share_on_mastodon":{"url":"","error":""},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/02\/linky-boo.gif?fit=1201%2C600&ssl=1","jetpack-related-posts":[{"id":340901,"url":"https:\/\/css-tricks.com\/links-on-web-components\/","url_meta":{"origin":266368,"position":0},"title":"Links on Web Components","author":"Chris Coyier","date":"May 26, 2021","format":false,"excerpt":"How we use Web Components at GitHub \u2014 Kristj\u00e1n Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a component in 2014! Now they've got a whole bunch of open source components. So easy to use!\u2026","rel":"","context":"In "Articles"","block_context":{"text":"Articles","link":"https:\/\/css-tricks.com\/category\/articles\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/web-component-thumb.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/web-component-thumb.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/web-component-thumb.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/web-component-thumb.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/web-component-thumb.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":382956,"url":"https:\/\/css-tricks.com\/knowing-css-is-mastery-to-frontend-development\/","url_meta":{"origin":266368,"position":1},"title":"Knowing CSS is Mastery to Frontend Development","author":"Geoff Graham","date":"December 6, 2024","format":false,"excerpt":"Anselm Hannemann on the intersection between frameworks and learning the basics: Nowadays people can write great React and TypeScript code. Most of the time a component library like MUI, Tailwind and others are used for styling. However, nearly no one is able to judge whether the CSS in the codebase\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/css-mind-blown.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/css-mind-blown.png?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/css-mind-blown.png?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/css-mind-blown.png?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/css-mind-blown.png?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":362,"url":"https:\/\/css-tricks.com\/put-checkmarks-next-to-visted-links-with-pure-css\/","url_meta":{"origin":266368,"position":2},"title":"“Checkmark” Your Visited Links with Pure CSS","author":"Chris Coyier","date":"December 2, 2007","format":false,"excerpt":"Due to user privacy issues, more modern browsers severely limit how you are able to style :visited links, which renders this article rather useless. You can read more about it here. Web browsers know which links on a page have been visited by a user (until the cache is cleared\u2026","rel":"","context":"In "Articles"","block_context":{"text":"Articles","link":"https:\/\/css-tricks.com\/category\/articles\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":381729,"url":"https:\/\/css-tricks.com\/smashing-hour-with-heydon-pickering\/","url_meta":{"origin":266368,"position":3},"title":"Smashing Hour With Heydon Pickering","author":"Geoff Graham","date":"October 8, 2024","format":false,"excerpt":"I sat down with Heydon Pickering in the most recent episode of the Smashing Hour. Full transparency: I was nervous as heck. I've admired Heydon's work for years, and even though we run in similar circles, this was our first time meeting. You know how you build some things up\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/smashing-hour-heydon.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/smashing-hour-heydon.png?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/smashing-hour-heydon.png?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/smashing-hour-heydon.png?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2024\/10\/smashing-hour-heydon.png?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":243267,"url":"https:\/\/css-tricks.com\/languages-almost-became-css\/","url_meta":{"origin":266368,"position":4},"title":"The Languages Which Almost Became CSS","author":"Chris Coyier","date":"June 30, 2016","format":false,"excerpt":"Today, CSS doesn't really have any competitors. We might compile another language to get it, or apply it in unusual ways, but ultimately styling happens on the web through CSS. But before CSS cemented itself, there was RRP, PWP, FOSI, DSSSL, PSL, CHSS, and JSSS. An awesome journey through web\u2026","rel":"","context":"In "Links"","block_context":{"text":"Links","link":"https:\/\/css-tricks.com\/category\/links\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":399,"url":"https:\/\/css-tricks.com\/links-of-interest-12\/","url_meta":{"origin":266368,"position":5},"title":"Links of Interest","author":"Chris Coyier","date":"December 14, 2007","format":false,"excerpt":"Link Value Factors Wiep.net has a really interesting and comprehensive look at how the value of links are determined. Of course there is now way to really know, so each factor is valued by a \"wisdom of the crowds\" approach. The crowd in the case being a group of SEO\u2026","rel":"","context":"In "Articles"","block_context":{"text":"Articles","link":"https:\/\/css-tricks.com\/category\/articles\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/266368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/2508"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=266368"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/266368\/revisions"}],"predecessor-version":[{"id":363236,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/266368\/revisions\/363236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/267367"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=266368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=266368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=266368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}