Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
CSS Articles
Found 1,299 articles
How to Change the Thickness of hr Tag using CSS?
The tag is used to drawn horizontal line on a web page. This tag is one of useful HTML tag. It is used to separate the content by drawing a horizontal line between different sections. In this guide, we are going to learn how we can change the thickness of an tag using CSS using different methods. The tag in HTML The tag stands for horizontal rule. It is a self-closing tag that is used to visually divide the sections of a web page using a horizontal line. Example Section 1 ...
Read MoreThe impact of quick commerce on traditional grocery stores
In today's digital era, Quick Commerce has become the fastest process of delivering groceries in just 10 to 30 minutes; growing demand for convenience and speed has wholly transformed the retail industry. But how? This article explores the impact of Q-commerce on traditional grocery retail and what it means for the future of shopping. What is Quick Commerce? The word quick refers to instant commerce, where customers can find products or services instantly within 10-20 minutes. The Impact of Quick Commerce on Traditional Grocery Stores Quick Commerce has several impacts on traditional grocery stores − Consumer expectations Change Quick commerce ...
Read MoreHow do I hide an element when printing a web page?
In this article, we will learn to hide an element when printing a web page in JavaScript and HTML. When printing a web page, you can suppress elements such as navigation menus, advertisements, and interactive elements that you do not require on paper and print only the required information. Different Approaches The Following are the two different approaches to hiding an element when printing a web page − Using CSS Media Query Using JavaScript to Hide Elements Before Printing Using CSS Media Query The most common and efficient method to ...
Read MoreHow to add gradient borders in css?
Gradient borders add a modern and visually appealing touch to web elements, making them stand out. However, achieving this effect in CSS isn’t straightforward because the border property doesn’t natively support gradients. This article explores practical workarounds to implement gradient borders, ensuring your designs remain vibrant and dynamic. We’ll cover three methods, complete with code examples and outputs, to help you master this technique. Prerequisites Before diving into gradient borders, ensure you have: Basic HTML Knowledge: Familiarity with creating elements like . CSS Fundamentals: Understanding properties like border, background, and ...
Read MoreAdd a pressed effect on button click with CSS
Adding a pressed effect on button click with CSS makes the user feel more interactive with the web page. It provides an immediate visual effect indicating that the button press has been registered. It helps in improving the user experience. In this article, we have a button on our web page. Our task is to add a pressing effect while clicking the button. Approaches to Add a Pressed Effect on Button Here is a list of approaches to add a pressed effect on button click with CSS which we will be discussing in this article with stepwise explanation and complete ...
Read MoreHow to Auto-Resize an Image to Fit a div Container using CSS?
To auto resize an image to fit a div container, it ensures that the image is scaled properly without affecting its original aspect ratio. It helps in preventing the distortion of image and ensures that image fills the container without stretching or cropping. In this article we are having a div container and an image. Our task is to auto-resize image to fit the div container using CSS. Approaches to Auto Resize an Image to Fit div Container Here is a list of approaches to auto-resize an image to fit the div container using CSS which we will be discussing ...
Read MoreHow to Create a Fixed Footer with CSS?
To create a fixed footer with CSS, we will use CSS position property. A fixed footer means that the footer will remain fixed at the bottom irrespective of the page scrolling. We will be discussing two different approaches to achieve this. In this article, we are having some written content in a box and a footer. Our task is to create a fixed footer with CSS. Approaches to Create a Fixed Footer Here is a list of approaches to create a fixed footer with CSS which we will be discussing in this article with stepwise explanation and complete example codes. ...
Read MoreTic Tac Toe Game with HTML, CSS, and JavaScript
Tic Tac Toe is well-known two square board game in which two players have to put their mark on certain spaces in turns. The player that gets three of their marks in a row either in a horizontal, vertical, or diagonal manner wins that game. If all turns are used and no player gets the line, then the draw is the end of the game. In this article, we will see how to build a Tic Tac Toe game in plain HTML, CSS, and JavaScript. The code allows a two-player mode game and additional features including the Reset button, an ...
Read MoreLearn how to generate a Resume with HTML and CSS
Generating a resume with HTML and CSS make an attractive resume that can easily be distributed. A resume is a vital document that has been used in the course of employment so as to present oneself for the job. In this article, you will learn how to create a clear and concise resume, with proper division of sections and appropriate style with HTML and CSS. We have discussed how to create a resume using HTML and CSS. The main consideration will be the hierarchy and how such sections would look and function on a professional level online across various devices. ...
Read MoreHow to Show a Word Document in an HTML Page Using JavaScript?
To show a word document in an HTML page using JavaScript is important where you are required to read Word documents within your browser. This article will discuss two approaches to accomplishing this in JavaScript. They both allow you to teach your application how to load.docx files and display them on your webpage to the user. In this article, our task is to show a word document in an HTML page using JavaScript. We will be either using a .docx file from our system or using URL. Approaches to Show a Word Document in HTML Using Mammoth.js Library ...
Read More